手机端判断触摸滑动方向

本文为工具类方法分享,具体代码如下:

//手机端判断触摸滑动方向
var direction;
var move = {};
$('.load-medio').on('touchstart',function(e){
	//获取接触屏幕时的X和Y
	move.startX = e.originalEvent.changedTouches[0].pageX;
	move.startY = e.originalEvent.changedTouches[0].pageY;
});
$('.load-medio').on('touchmove',function(e) {
	//获取滑动屏幕时的X,Y
	move.endX = e.originalEvent.changedTouches[0].pageX;
	move.endY = e.originalEvent.changedTouches[0].pageY;
});
$('.load-medio').on('touchend',function(e) {
	//获取滑动屏幕时的X,Y
	var distanceX = move.endX - move.startX;
	var distanceY = move.endY - move.startY;
	if (Math.abs(distanceX) > Math.abs(distanceY) && distanceX > 0) {
		direction='right';
	}
	else if (Math.abs(distanceX) > Math.abs(distanceY) && distanceX < 0) {
		direction='left';
	}
	else if (Math.abs(distanceX) < Math.abs(distanceY) && distanceY > 0) {
		direction='down';
	}
	else if (Math.abs(distanceX) < Math.abs(distanceY) && distanceY < 0) {
		direction='up';
		
		$('.load-scr').click();
	}
	
	//console.log(direction);
});
发布了147 篇原创文章 · 获赞 49 · 访问量 16万+

猜你喜欢

转载自blog.csdn.net/bigbear00007/article/details/105461613