Quojs and turn: 11 JS libraries for handling touch events and multi-touch

QUOJS Official documents
Http://www.360doc.com/content/15/0504/18/11984479_468037372.shtml

====

11 JS libraries to handle touch events and multi-touch

Summary:The touchscreen is now standard for all smartphones and includes a variety of tablet devices, and many desktops are slowly beginning to support touch operations. To develop a Web application that supports touch-screen devices, we need to use the browser's touch events.

The touchscreen is now standard for all smartphones and includes a variety of tablet devices, and many desktops are slowly beginning to support touch operations. To develop a Web application that supports touch-screen devices, we need to use the browser's touch events.

is a description of various touch events:

In this article we introduce 11 JS libraries to handle touch events and multi-touch support:

1.QUO JS

Quojs is a small, modular, object-oriented JavaScript library that simplifies the functions of HTML document traversal, event handling, and Ajax interaction in mobile Web development.

Events:touch, tap, Double tap, hold, fingers, Swipe, Swipe up, Swipe right, Swipe off, Swipe left, Drag

Other Features:built-in jquery-like methods. It uses $$ to avoid conflict.

File size:13kb minified

Standlone:yes

2.Hammer JS

Hammer.js is a lightweight JavaScript library (2KB only) that makes it easy for your website to achieve touch events. It relies on jquery to control multi-touch features on touch devices.

Events:tap, Double Tap, hold, drag, transform (pinch)

Other Features:javascript library focused only for multi-touch gestures

File size:2kb minified

Standlone:yes

Hammer.js has been available in the IOS5 system's IPAD1,IOS5 system Iphone,android 2.3.3 's Samsung Galaxy S and Goolge Chrome 17 test. The mouse can simulate touch events on a single finger in a desktop browser. The android 2 and 3 default browsers and FireFox 10 do not support multi-touch events, so there is no transform on Android,firefox 1.1 (Nokia N900). Windows Phone 7.5 does not support touch events, and mouse event support is also bad.

3.Touchy

Events:long Press, drag, pinch, rotate, swipe

Other Features:jquery plugin for WebKit browsers and browsers the support Outch events

File Size: ~2.72kb minified

Standlone:no, need jQuery framework

4.mootools-mobile

Events:swipe, pinch, touch hold

Other Features:touch events is separated into different files.

File Size:-

Standlone:no, Need MooTools

5.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

6.jGestures

Events:orientation change, Pinch, Rotate, Swipe move, Swipe in multi direction, Swipe with fingers, Tap with 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

7.Touch Swipe

Events:swipes in 4 directions, fingers Touch

Other features:allows swiping and page scrolling

File size:25kb

Standlone:no, Need jQuery

8.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

9.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

10.jquery.pep.js

Events:drag

Other features:uses CSS3 animations, built-in many drag features

File size:16kb

Standlone:no, Need jQuery

11.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

reply

Quojs and turn: 11 JS libraries for handling touch events and multi-touch