微信公衆號頁面禁止頁面下拉查看網頁來源
應產品需求加一個禁止頁面下拉查看網頁來源的功能,網上看了下結合自己的情況完美實現,
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')