美文网首页
[wechat]微信浏览器阻止页面拖动

[wechat]微信浏览器阻止页面拖动

作者: hulaye | 来源:发表于2018-08-03 09:32 被阅读0次

    经常开发H5的一定会遇到这样的问题,当你的页面中有滑动或者拖拽事件时,整个网页也会随着移动。然后还能够看到域名信息。这是非常崩溃的体验!

    但是这个问题非常好解决,只要在body标签添加禁止滑动或者拖拽事件即可。这样的话,即使是其他子事件的滑动或者拖拽也会在这里给阻止掉。

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

    相关文章

      网友评论

          本文标题:[wechat]微信浏览器阻止页面拖动

          本文链接:https://www.haomeiwen.com/subject/dbtyvftx.html