11 个处理触摸事件和多点触摸的 JS 库
2014-11-25 13:46
513 查看
英文原文:11 Multi-touch and Touch events Javascript libraries
触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用,我们需要借助浏览器的触摸事件来实线。
下图是各种触摸事件说明:
![](http://pic004.cnblogs.com/news/201206/20120612_235403_1.jpg)
本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库:
QUO JS
Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, Drag
Other features: Built-in jQuery-like methods. It uses $$ to avoid conflict.
File size: 13KB minified
Standlone: Yes
Hammer JS
Events: Tap, Double tap, hold, drag, transform (pinch)
Other features: Javascript library focused only for multi-touch gestures
File size: 2KB minified
Standlone: Yes
Touchy
Events: long press, drag, pinch, rotate, swipe
Other features: jQuery plugin for webkit browsers and browsers that support outch events
File size: ~2.72KB minified
Standlone: No, need jQuery framework
Mootools-mobile
Events: Swipe, pinch, touch hold
Other features: Touch events are separated into different files.
File size: -
Standlone: No, need MooTools
jQuery doubletap
Events: Touch, Swipe, Tap, Double tap, Swipe left, Swipe Right, Swipe up, Swipe down
Other features: No android support yet
File size: 4KB
Standlone: No, need jQuery
jGestures
Events: 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
Other features: Bundled with many gestures and useful events
File size: 16KB minified
Standlone: No, need jQuery
Touch Swipe
Events: Swipes in 4 directions, 1,2 fingers touch
Other featur
4000
es: Allows swiping and page scrolling
File size: 25KB
Standlone: No, need jQuery
Touchable
Events: Tap, Long Tap, Double tap, touchable move, touchable end
Other features: Unifies touch and mouse events
File size: 1. 96KB
Standlone: No, need jQuery
thumbs.js
Events: touch start, touch end, touch end, touch move, mouse down, mouse up, mouse move
Other features: PhoneGap and mobile web friendly
File size: 612 bytes minified
Standlone: Yes
jQuery.pep.js
Events: Drag
Other features: Uses CSS3 animations, built-in many drag features
File size: 16KB
Standlone: No, need jQuery
Jetster
Events: Tap, Double tap, Swipe, Flick, Pinch, Pinch arrow, Pinch widen, Pinch end
Other features: Jester makes recognising gestures on DOM elements really easy
File size: 25KB
Standlone: Yes
触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用,我们需要借助浏览器的触摸事件来实线。
下图是各种触摸事件说明:
![](http://pic004.cnblogs.com/news/201206/20120612_235403_1.jpg)
本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库:
QUO JS
Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, Drag
Other features: Built-in jQuery-like methods. It uses $$ to avoid conflict.
File size: 13KB minified
Standlone: Yes
Hammer JS
Events: Tap, Double tap, hold, drag, transform (pinch)
Other features: Javascript library focused only for multi-touch gestures
File size: 2KB minified
Standlone: Yes
Touchy
Events: long press, drag, pinch, rotate, swipe
Other features: jQuery plugin for webkit browsers and browsers that support outch events
File size: ~2.72KB minified
Standlone: No, need jQuery framework
Mootools-mobile
Events: Swipe, pinch, touch hold
Other features: Touch events are separated into different files.
File size: -
Standlone: No, need MooTools
jQuery doubletap
Events: Touch, Swipe, Tap, Double tap, Swipe left, Swipe Right, Swipe up, Swipe down
Other features: No android support yet
File size: 4KB
Standlone: No, need jQuery
jGestures
Events: 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
Other features: Bundled with many gestures and useful events
File size: 16KB minified
Standlone: No, need jQuery
Touch Swipe
Events: Swipes in 4 directions, 1,2 fingers touch
Other featur
4000
es: Allows swiping and page scrolling
File size: 25KB
Standlone: No, need jQuery
Touchable
Events: Tap, Long Tap, Double tap, touchable move, touchable end
Other features: Unifies touch and mouse events
File size: 1. 96KB
Standlone: No, need jQuery
thumbs.js
Events: touch start, touch end, touch end, touch move, mouse down, mouse up, mouse move
Other features: PhoneGap and mobile web friendly
File size: 612 bytes minified
Standlone: Yes
jQuery.pep.js
Events: Drag
Other features: Uses CSS3 animations, built-in many drag features
File size: 16KB
Standlone: No, need jQuery
Jetster
Events: Tap, Double tap, Swipe, Flick, Pinch, Pinch arrow, Pinch widen, Pinch end
Other features: Jester makes recognising gestures on DOM elements really easy
File size: 25KB
Standlone: Yes
相关文章推荐
- 11 个处理触摸事件和多点触摸的 JS 库
- 11 个处理触摸事件和多点触摸的 JS 库
- ios实例开发精品文章推荐(8.12)11个处理触摸事件和多点触摸的JS库
- cocos-js 3.8 控件触摸事件处理
- <WEB>平板_手机开发_13 个处理触摸事件和多点触摸的JS 库
- coco2d-js 触摸移动的同时处理点击事件
- quojs 及 转:11个处理触摸事件和多点触摸的JS库
- js 处理移动端触摸事件
- 11个处理触摸事件和多点触摸的JS库
- <WEB>平板_手机开发_13 个处理触摸事件和多点触摸的JS 库
- ios实例开发精品文章推荐(8.12)11个处理触摸事件和多点触摸的JS库
- JavaScript入门教程(11) js事件处理
- js 事件处理函数间的Event物件是否全等
- js_事件处理_综合演示
- OpenLayers事件处理Event.js(七)
- js 事件处理函数间的Event物件是否全等
- js中处理鼠标单击事件 onclick
- js在firefox中没有现成的click事件,需要这么处理
- android各种触摸事件的处理,touchEvent