var startX, startY, endX, endY;
$('#date-table').bind('touchstart',function(e){
startX = e.changedTouches[0].pageX,
startY = e.changedTouches[0].pageY;
});
$('#date-table').on('touchmove',function(e){
//获取滑动屏幕时的X,Y
endX = e.changedTouches[0].pageX,
endY = e.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('点击未滑动');
}
});
移动端给某个元素绑定左右 上下滑动事件
最新推荐文章于 2024-06-23 14:12:12 发布