微信h5页面禁止下拉出现网页来源等

最新推荐文章于 2022-01-10 22:07:48 发布

weixin_30355437

最新推荐文章于 2022-01-10 22:07:48 发布

阅读量383

点赞数

原文链接：http://www.cnblogs.com/cuikaitong/p/6904818.html

版权

1.可以给document的touchmove事件禁止掉就行了

 
          document.querySelector( 
          'body' 
          ).addEventListener( 
          'touchmove' 
          ,  
          function 
          (e) { 
         
          e.preventDefault(); 
         
          })

2.如果页面有部分区域必须需要滑动，需要用touchmove事件的话，那么可以把那部分的touchmove事件过滤掉

比如我想要以下代码中的bottom类可以用touchmove事件

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>微信禁止下拉露黑底</title>
</head>
<body>
    <div class="top"></div>
    <div class="bottom"></div>
</body>
</html>

用以下代码就可以实现

document.querySelector('body').addEventListener('touchmove', function(e) {
    if (!document.querySelector('.bottom').contains(e.target)) {
        e.preventDefault();
    }
})

转载于:https://www.cnblogs.com/cuikaitong/p/6904818.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30355437

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信h5页面禁止下拉出现网页来源等

1.可以给document的touchmove事件禁止掉就行了123document.querySelector('body').addEventListener('touchmove',function(e) {e.preventDefault();})2.如果页面有部分区域...
复制链接

扫一扫