首页 > 代码库 > touchstart,touchmove判断手机中滑屏方向
touchstart,touchmove判断手机中滑屏方向
滑动屏幕 touchstart:接触屏幕时触发，touchmove:活动过程触发，touchend:离开屏幕时触发
首先获取手接触屏幕时的坐标X,Y
//获取接触屏幕时的X和Y
$(‘body‘).bind(‘touchstart‘,function(e){ startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches[0].pageY;});
然后获取滑动的坐标，并使用后面的坐标减去前面的坐标，通过获取的值判断其滑动方向。因为手滑动方向一般不是水平或者垂直的，所以可使用Math.abs()进行比较，比如：像右上角滑动，当往上滑动的距离大于往右的距离时，取其往上滑动的距离，即往上滑动。
$(‘body‘).bind(‘touchmove‘,function(e){ //获取滑动屏幕时的X,Y endX = e.originalEvent.changedTouches[0].pageX, endY = e.originalEvent.changedTouches[0].pageY; //获取滑动距离 distanceX = endX-startX; distanceY = endY-startY; //判断滑动方向 if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX>0){ console.log(‘往右滑动‘); }else if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX<0){ console.log(‘往左滑动‘); }else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY<0){ console.log(‘往上滑动‘); }else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY>0){ console.log(‘往下滑动‘); }else{ console.log(‘点击未滑动‘); }});
touchstart,touchmove判断手机中滑屏方向
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。