手机UC禁止左右滑动切页

最新推荐文章于 2024-09-20 20:13:01 发布

YYCCMMKK

最新推荐文章于 2024-09-20 20:13:01 发布

阅读量3k

点赞数

分类专栏：前端JS

本文链接：https://blog.csdn.net/sflf36995800/article/details/51853814

版权

前端JS 专栏收录该内容

35 篇文章 3 订阅

订阅专栏

手机UC 左右滑动时会切换页面，禁止的方法其一为阻止【document】的【touchmove】事件的默认操作，

其次就是调用，UC API 代码如下：

var xStart,xEnd,yStart,yEnd;
document.addEventListener('touchmove',function(evt){
    xEnd=evt.touches[0].pageX;
    yEnd=evt.touches[0].pageY;
    Math.abs(xStart-xEnd)> Math.abs(yStart-yEnd)&&
    evt.preventDefault();
},false);

document.addEventListener("touchstart",function(evt){
    xStart=evt.touches[0].pageX;
    yStart=evt.touches[0].pageY;
},false);

=========================  或者  =====================================

if(navigator.control&&navigator.control.gesture){
    navigator.control.gesture(false);
}