jQuery的手勢事件插件:jGestures
jGestures插件允許你如同原生的jQuery事件一樣監聽以下事件:'pinch'(縮放手勢), 'rotate'(旋轉手勢), 'swipe'(滑動手勢), 'tap'(輕觸) 以及 'orientationchange'(改變設備方向)。當然,部分事件在PC瀏覽器上可以通過轉換實現。比如 "tapone" 事件可以被 "clicking"事件觸發,鼠標手勢也可以產生"swipe"事件。
使用示例:
$('#swipe').bind('swipeone',eventHandler);事件列表
orientationchange
代表設備順時針或者逆時針旋轉.此事件可以被設備觸發,可能使用的是重力傳感器.
pinch
縮放手勢(兩個手指在屏幕上的相對運動)
rotate
旋轉手勢(兩個手指順時針或者逆時針旋轉)
swipemove
在正在滑動時觸發(在設備屏幕上移動手指,比如:拖動)
swipeone
單點滑動手勢,滑動完成后觸發(一個手指在屏幕上移動)
swipetwo
兩點滑動(兩個手指在屏幕上方向一致的滑動)
swipethree
三點滑動(三個手指在屏幕上方向一致的滑動)
swipefour
四點滑動(四個手指在屏幕上方向一致的滑動)
swipeup
向上滑動,在嚴格的向上滑動手勢完成后觸發
swiperightup
向右上角滑動,在向右且向上的滑動手勢完成后觸發
swiperight
向右滑動,在嚴格的向右滑動手勢完成后觸發
swiperightdown
向右下角滑動,在向右且向下的滑動手勢完成后觸發
swipedown
向下滑動,在嚴格的向下滑動手勢完成后觸發
swipeleftdown
向左下角滑動,在向左且向下的滑動手勢完成后觸發
swipeleft
向左滑動,在嚴格的向左滑動手勢完成后觸發
swipeleftup
向左上角滑動,在向左且向上的滑動手勢完成后觸發
tapone
在單個手指輕點的手勢后觸發
taptwo
在兩個手指一起輕點的手勢后觸發
tapthree
在三個手指一起輕點的手勢后觸發
pinchopen
撐開手勢,當兩個手指撐大并離開設備時觸發.
pinchclose
捏緊手勢,當兩個手指捏緊并離開設備時觸發.
rotatecw
兩個手指順時針旋轉并且離開屏幕時觸發(two fingers rotating clockwise)
rotateccw
兩個手指逆時針旋轉并且離開屏幕時觸發 (two fingers rotating counterclockwise)
shake
當檢測到設備正在搖晃時觸發
shakefrontback
當檢測到搖晃動作,且可以被解讀為前后移動之時觸發.
shakeleftright
當檢測到搖晃動作,且可以被解讀為左右移動之時觸發.
shakeupdown
當檢測到搖晃動作,且可以被解讀為上下移動之時觸發.
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!