使用jQuery給網(wǎng)頁添加手勢滑動事件很方便，下面介紹如何實現(xiàn)左右滑動事件。

$(document).on('touchstart', function(e){
startX = e.originalEvent.changedTouches[0].pageX;
startY = e.originalEvent.changedTouches[0].pageY;
});
$(document).on('touchmove', function(e){
var moveX = e.originalEvent.changedTouches[0].pageX;
var moveY = e.originalEvent.changedTouches[0].pageY;
var distanceX = moveX - startX;
var distanceY = moveY - startY;
if(Math.abs(distanceX) > Math.abs(distanceY)){
e.preventDefault();
if(distanceX > 0){
// 向右滑動
}else{
// 向左滑動
}
}
});

代碼中用touchstart事件記錄手指觸摸屏幕時的坐標，用touchmove事件計算出手指移動距離，判斷水平與豎直方向的移動量大小，當水平移動量大于豎直移動量時進行判斷。如果水平移動量為正數(shù)，則表示手指向右滑動；反之則表示手指向左滑動。