微信公衆號頁面禁止頁面下拉查看網頁來源

微信公衆號頁面禁止頁面下拉查看網頁來源
應產品需求加一個禁止頁面下拉查看網頁來源的功能,網上看了下結合自己的情況完美實現,
JS代碼如下

function noPullDown(selector) {
    //禁止頁面拖動
    document.querySelector('body').addEventListener('touchmove', function (e) {
        console.log('禁止下拉出現網頁來源信息')
        if(!selector) {
            e.preventDefault()
        } else {
        	// 如果需要部分區域可以滑動,則需傳入需要滑動地方的類名
            if (!document.querySelector(selector).contains(e.target)) {
                e.preventDefault()
            }
        }
    }, { passive: false })
}

export default {
    noPullDown
}

Html代碼如下:

首先導入

import pullDown from '../../../api/noPullDown'

然後調用方法,傳入需要滑動的塊名

pullDown.noPullDown('.list_wraper')

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章