如今移动互联网已经占据了主流地位,越来越多的开发者开始从桌面转向移动平台。与桌面开发不同的是,在移动领域中,不同的操作系统、大量不同屏幕尺寸的移动设备、触摸手势操作等,这都给开发者带来了一定的难度和挑战。

虽然一些触摸事件,自己写起来也比较简单,但为了尽量不重复的造轮子,提高开发效率。这里收集整理了一些常用的手势事件脚本插件来供你参考。

    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
      独立使用:

最新文章

  1. C#计算代码行数
  2. Android 媒体存储服务(一)
  3. PHP include 和 require 语句
  4. WPF中加载高分辨率图片性能优化
  5. ubuntu科学计算包blas和lapack的安装
  6. weblogic性能调优参考
  7. java开发--struts2 标签库使用
  8. oracle问题 《经由直接路径由 EXPORT:V10.02.01 创建的导出文件 IMP-00013: 只有 DBA 才能导入由其他 DBA 导出的文件》
  9. Beautiful Soup库
  10. SQL Server数据库————连接查询和分组查询
  11. CRC-16 (Modbus)
  12. TiDB入门(四):从入门到“跑路”
  13. 《全栈性能Jmeter》-2性能测试初体验
  14. MapReduce处理气象数据
  15. Course List for Student
  16. 如何使用putty远程连接linux
  17. 启动报错:Access denied for user 'root'@'localhost' (using password:YES)
  18. 20155314 2016-2017-2 《Java程序设计》第8周学习总结
  19. IOS学习基础
  20. 识别名人 · Find the Celebrity

热门文章

  1. [转] Jenkins实战演练之Windows系统节点管理
  2. 推荐一些不错的计算机书籍(php c mysql linux等等)
  3. Hibernate 开发流程
  4. svn客户端命令
  5. 《JavaScript_DOM编程艺术第二版(中文)》整书笔记
  6. Android之自定义控件-下拉刷新
  7. 请求网络get
  8. iOS的主要框架介绍
  9. JS-学习-DOM元素尺寸和位置
  10. Matlab语法