移動web開發，12個觸摸及多點觸摸事件經常使用Js插件

現在移動互聯網已經佔據了主流地位，愈來愈多的開發者開始從桌面轉向移動平臺。與桌面開發不一樣的是，在移動領域中，不一樣的操做系統、大量不一樣屏幕尺寸的移動設備、觸摸手勢操做等，這都給開發者帶來了必定的難度和挑戰。

雖然一些觸摸事件，本身寫起來也比較簡單，但爲了儘可能不重複的造輪子，提升開發效率。這裏收集整理了一些經常使用的手勢事件腳本插件來供你參考。

1. QUO JS

   支持事件：Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, Drag
   其它特性：相似jQuery的調用方法. 使用 $$ 方法名避免和jQuery衝突.
   文件大小：壓縮後 13KB
   獨立使用：是

2. Hammer JS

   支持事件：Tap, Double tap, hold, drag, transform (pinch)
   其它特性：主要用於多點觸摸的Js庫。
   文件大小：壓縮後 2KB
   獨立使用：是

3. jQuery Mobile

   支持事件：scrollstart, scrollstop, swipe, swipeleft, swiperight, tap, taphold, vclick, vmousecancel, vmousedown, vmousemove, vmouseout, vmouseover
   其它特性：特別針對觸摸設備使用的一套框架，但筆者在使用swipeleft和swiperight事件時，感受不是特別準確。而且在設置了相應的配置項，並無起做用。若是你知道正確的方法，請不吝惜的在留言裏告訴我吧。多謝！！！
   文件大小：壓縮後 142KB
   獨立使用：否, 依賴 jQuery

4. Touchy

   支持事件：long press, drag, pinch, rotate, swipe
   其它特性：以jQuery插件的形式使用，支持webkit內核的瀏覽器以及其它支持觸摸事件的瀏覽器。
   文件大小：~2.72KB
   獨立使用：否, 依賴 jQuery

5. Mootools-mobile

   支持事件：Swipe, pinch, touch hold
   其它特性：觸摸事件依賴引入單獨的腳本文件。
   文件大小：-
   獨立使用：否, 依賴 MooTools

6. jQuery doubletap

   支持事件：Touch, Swipe, Tap, Double tap, Swipe left, Swipe Right, Swipe up, Swipe down
   其它特性：尚不支持android設備。
   文件大小：4KB
   獨立使用：否, 依賴 jQuery

7. jGestures

   支持事件：Orientation change, Pinch, Rotate, Swipe move, Swipe in multi direction, Swipe with 1,2,3 fingers, Tap with 1,2,3 fingers, pinch open, pinch close, shake in different directions
   其它特性：支持多種手勢，以及經常使用的事件。
   文件大小：壓縮後 16KB
   獨立使用：否, 依賴 jQuery

8. Touch Swipe

   支持事件：四個方向的滑動, 1或2隻手指的觸摸 
   其它特性：支持四個方向的滑動及頁面滾動。
   文件大小：25KB
   獨立使用：否, 依賴 jQuery

9. Touchable

   支持事件：Tap, Long Tap, Double tap, touchable move, touchable end
   其它特性：統一了觸摸和鼠標事件。
   文件大小：1.96KB
   獨立使用：否, 依賴 jQuery

10. thumbs.js

    支持事件：touch start, touch end, touch end, touch move, mouse down, mouse up, mouse move
    其它特性：主要是給瀏覽器添加touch事件，對PhoneGap及其它移動web支持良好。
    文件大小：不到1K，壓縮後 700 bytes(版本0.6.0)
    獨立使用：是

11. jQuery.pep.js

    支持事件：Drag
    其它特性：使用CSS3動畫，內置不少的拖動特性。
    文件大小：16KB
    獨立使用：否, 依賴 jQuery

12. Jetster

    支持事件：Tap, Double tap, Swipe, Flick, Pinch, Pinch arrow, Pinch widen, Pinch end
    其它特性：Jester 使得做用在DOM元素上的手勢變得至關簡單。
    文件大小：25KB
    獨立使用：是