//container是需要左右滑动的元素类名
$(".container").on("touchstart", function(e) {
startX = e.originalEvent.changedTouches[0].pageX,//手指X轴起始位置
startY = e.originalEvent.changedTouches[0].pageY;//手指Y轴起始位置
});
$(".container").on("touchend", function(e) {
moveEndX = e.originalEvent.changedTouches[0].pageX,//手指X轴离开位置
moveEndY = e.originalEvent.changedTouches[0].pageY,//手指Y轴起始位置
X = moveEndX - startX,//左右滑动的距离
Y = moveEndY - startY;//上下滑动的距离
if ( X > 100 ) { //X大于0表示左滑,大于100的原因是为了让页面不会那么敏感
//左滑操作
}
else if ( X < -100 ) {//X小于0表示右滑,小于-100的原因同左滑
//右滑操作
}
});
jq监听元素左右滑动
最新推荐文章于 2022-04-22 20:21:14 发布