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
當檢測到搖晃動作,且可以被解讀為上下移動之時觸發.
文件版本號: v0.7,由neuedigitale編輯,2023年5月8日
最新穩定版: jgestures v0.90 – shake
jGestures jQuery的手勢事件外掛程式
jgestures簡介 jgestures外掛程式允許你如同原生的jquery事件一樣監聽以下事件 pinch 縮放手勢 rotate 旋轉手勢 swipe 滑動手勢 tap 輕觸 以及 orientationchange 改變裝置方向 當然,部分事件在pc瀏覽器上可以通過轉換實現。比如 tapon...
手勢觸控事件
根據部落格 url 修改.閒來無事,琢磨琢磨android中的手勢互動,發現網上在手勢方面的文章並不是很多,而且很多的參考價值並不大。於是出此博文,與大家共勉。鑑於我寫此博文時對手勢互動的研究也不是特深,如果有不正確的地方,還請各位博友批評指正。首先,在android系統中,每一次手勢互動都會依照以...
JS 觸控事件 手勢事件
隨著觸屏移動端裝置的普及使用,w3c開始制定touchevent規範。除了常用的dom屬性,觸控事件還包含下列三個用於跟蹤觸控的屬性。觸控事件與手勢事件之間的關係 1 當乙個手指放在螢幕上時,會觸發touchstart事件,如果另乙個手指又放在了螢幕上,則會觸發gesturestart事件,隨後觸發...