Question

jquery怎么实现移动端手指滑动事件

Answer 1

一、原理及实现方法如下：

1、当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY；

2、当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。

二、注意：

手指在滑动整个屏幕时，会影响浏览器的行为，比如滚动和缩放。所以在调用touch事件时，要注意禁止缩放和滚动。

1.禁止缩放 
通过meta元标签来设置。

2.禁止滚动 
preventDefault是阻止默认行为，touch事件的默认行为就是滚动。 
event.preventDefault()。

Answer 2

可以使用jQuery插件TouchSwipe-Jquery-Plugin来完成。
$(function() {
//Enable swiping...
$("#test").swipe( {
//Generic swipe handler for all directions
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$(this).text("You swiped " + direction );
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold:0
});
});

希望对你有帮助，望采纳！