移动端滑动验证浏览器屏幕会跟着滑动验证移动的问题

最新推荐文章于 2024-01-24 09:30:03 发布

bin-blog

最新推荐文章于 2024-01-24 09:30:03 发布

阅读量9.1k

点赞数 2

分类专栏：前端开发 JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_32183927/article/details/114367918

版权

前端开发同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

JavaScript

5 篇文章 0 订阅

订阅专栏

解决方法一：

html{
touch-action:none;
touch-action:pan-y;
}

解决方法二：

var startX,startY;

document.addEventListener(“touchstart”,function(e){

	startX = e.targetTouches[0].pageX;
	startY = e.targetTouches[0].pageY;

});

document.addEventListener(“touchmove”,function(e){

	var moveX = e.targetTouches[0].pageX;
	var moveY = e.targetTouches[0].pageY;
	
	if(Math.abs(moveX-startX)>Math.abs(moveY-startY)){
			e.preventDefault();
	}

},{passive:false});
————————————————
版权声明：本文为CSDN博主「技术钱」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40121308/article/details/112311239