Mobile Web development, 12 touch and multi-touch events commonly used JS Plug-ins

Source: Internet
Author: User
Tags mootools

Http://www.ldisp.com/a/javascript/2014/2801.shtml


Although some touch events, they are relatively simple to write, but in order to make the wheel as far as possible, improve development efficiency. Here is a collection of some commonly used gesture event script plug-ins for your reference.QUO JSSupport events: Touch, tap, Double tap, Hold, fingers, swipe, swipe up, swipe right, swipe down, swipe left, Drag
Other features: A call method like jquery. Use the $$ method name to avoid conflicts with jquery.
File size: 13KB after compression
Independent use: YesHammer JSSupport events: Tap, Double tap, hold, drag, transform (pinch)
Other features: Mainly for the multi-touch of the JS library.
File size: 2KB after compression
Independent use: YesjQuery MobileSupport events: Scrollstart, Scrollstop, swipe, swipeleft, swiperight, tap, Taphold, Vclick, Vmousecancel, Vmousedown, Vmousemove, V Mouseout, Vmouseover
Other features: A set of frames specifically for touch devices, but the author does not feel particularly accurate when using swipeleft and Swiperight events. and the corresponding configuration item is set, and it does not work. If you know the correct way, please do not hesitate to tell me in the message. Thanks a lot...
File size: 142KB after compression
Standalone use: No, rely on jQueryTouchySupport events: Long press, drag, pinch, rotate, swipe
Other features: In the form of jquery Plug-ins, browsers that support the WebKit kernel and other browsers that support touch events.
File Size: ~2.72kb
Standalone use: No, rely on jQueryMootools-mobileSupport events: Swipe, pinch, touch hold
Other Features: Touch event dependencies introduce a separate script file.
File Size:-
Independent use: No, dependent MooToolsjQuery DoubletapSupport events: Touch, swipe, tap, Double tap, swipe left, swipe right, swipe up, swipe down
Other features: Android devices are not yet supported.
File Size: 4KB
Standalone use: No, rely on jQueryJgesturesSupport events: Orientation change, Pinch, Rotate, swipe move, swipe in multi direction, swipe with 1,2,3 fingers, Tap with 1,2,3 fin Gers, pinch Open, pinch close, shake in different directions
Other features: supports a variety of gestures, as well as commonly used events.
File size: 16KB after compression
Standalone use: No, rely on jQueryTouch SwipeSupport event: four-direction slide, 1-or 2-finger touch
Other features: Supports four-direction sliding and page scrolling.
File Size: 25KB
Standalone use: No, rely on jQuerytouchableSupport events: Tap, Long tap, Double Tap, touchable move, touchable end
Other features: Unified touch and mouse events.
File Size: 1.96KB
Standalone use: No, rely on jQueryThumbs.jsSupport event: Touch start, touch end, touch end, touch move, mouse down, mouse up, mouse move
Other features: The main is to add touch events to the browser, PhoneGap and other mobile web support good.
File size: Less than 1K, compressed after bytes (version 0.6.0)
Independent use: YesJQuery.pep.jsSupport event: Drag
Other features: Use CSS3 animation, built-in a lot of drag characteristics.
File Size: 16KB
Standalone use: No, rely on jQueryJetsterSupport events: Tap, Double tap, swipe, Flick, Pinch, Pinch Arrow, Pinch widen, Pinch end
Other features: Jester makes gestures that work on DOM elements become quite simple.
File Size: 25KB
Independent use: Yes

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.