/判断手机端左滑右滑动/
$(“body”).on(“touchstart”, function(e) {
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$(“body”).on(“touchend”, function(e) {
// 判断默认行为是否可以被禁用
//这段有代码的话,会阻止冒泡,你页面中body内元素的其他动作都执行不了了
// if (e.cancelable) {
// 判断默认行为是否已经被禁用
// if (!e.defaultPrevented) {
// e.preventDefault();
// }
// }
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
//左滑
if ( X > 0 ) {
console.log(‘左滑’);
}
//右滑
else if ( X < 0 ) {
console.log(‘右滑’);
}
//下滑
else if ( Y > 0) {
console.log(‘下滑’);
}
//上滑
else if ( Y < 0 ) {
console.log(‘上滑’);
}
//单击
else{
console.log(‘单击’);
}
});
移动端左滑右滑动,可做删除,切换页面等等,亲测有效
最新推荐文章于 2023-05-15 21:53:02 发布