jQuery -- touch事件之滑动判断（左右上下方向）
生活随笔
收集整理的這篇文章主要介紹了
jQuery -- touch事件之滑动判断（左右上下方向）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
$("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事件之滑动判断（左右上下方向）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： css中实现字符超出宽度自动换行和英语字
- 下一篇： 查看进程命令+关闭进程