微信公众号页面禁止页面下拉查看网页来源
应产品需求加一个禁止页面下拉查看网页来源的功能,网上看了下结合自己的情况完美实现,
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')