$("body").on("touchstart", function(e) {// 判斷默認行為是否可以被禁用if (e.cancelable) {// 判斷默認行為是否已經被禁用if (!e.defaultPrevented) {e.preventDefault();}} startX = e.originalEvent.changedTouches[0].pageX,startY = e.originalEvent.changedTouches[0].pageY; }); $("body").on("touchend", function(e) { // 判斷默認行為是否可以被禁用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 ) {alert('左滑'); }//右滑else if ( X < 0 ) {alert('右滑'); }//下滑else if ( Y > 0) {alert('下滑'); }//上滑else if ( Y < 0 ) {alert('上滑'); }//單擊else{alert('單擊'); } });

原創：http://blog.csdn.net/sinat_19327991/article/details/73823767

總結

以上是生活随笔為你收集整理的jQuery -- touch事件之滑动判断（左右上下方向）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。