阻止整个页面滚动。。。★★

最新推荐文章于 2024-10-24 11:28:09 发布

weixin_30793643

最新推荐文章于 2024-10-24 11:28:09 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shimily/articles/5132875.html

本文介绍了一种通过JavaScript实现的手势触摸事件监听方法，主要用于网页应用中禁止或允许触屏滚动行为。该方法利用了ontouchmove事件并结合preventDefault及stopPropagation阻止默认滚动行为。

var Common={};
    Common.Touchmove=function(){
        window.ontouchmove=function(e){   /*禁止页面滚动*/
                e.preventDefault && e.preventDefault();
                e.returnValue=false;
                e.stopPropagation && e.stopPropagation();
                return false;
         }
    }
    Common.noTouchmove=function(){
         window.ontouchmove=function(e){  /*解除禁止*/
                e.preventDefault && e.preventDefault();
                e.returnValue=true;
                e.stopPropagation && e.stopPropagation();
                return true;
         }
    }

$(".get").click(function(){
        $(".bgCover,.Quan1").show();
        Common.Touchmove();  //使用方法
 });