移动端判断用户手指滑动的方向

最新推荐文章于 2023-12-18 15:50:38 发布

裴嘉靖

最新推荐文章于 2023-12-18 15:50:38 发布

阅读量485

点赞数

本文链接：https://blog.csdn.net/peijiajing/article/details/105392909

版权

$(function(){
	var startX,startY;
	var endX,endY;
	var distance=30;

	box.addEventListener("touchstart",function(event){
		startX=event.touches[0].clientX;
		startY=event.touches[0].clientY;
	})
	box.addEventListener("touchmove",function(event){
		event.preventDefault();
		endX=event.changedTouches[0].clientX;
		endY=sevent.changedTouches[0].clientY;
	})
	box.addEventListener("touchend",function(event){
		var x=endX-startX;
		var y=endY-startY;
		if(Math.abs(x)>Math.abs(y) && endX>startX && Math.abs(x)>distance){
			console.log("从左向右移动手指");
		}
		if(Math.abs(x)>Math.abs(y) && endX<startX && Math.abs(x)>distance){
			console.log("从右向左移动手指");
		}
		if(Math.abs(x)<Math.abs(y) && endY<startY && Math.abs(y)>distance){
			console.log("从下向上移动手指");
		}
		if(Math.abs(x)<Math.abs(y) && endY>startY && Math.abs(y)>distance){
			console.log("从上向上移动手指");
		}
	})
})