Jgestures:jquery's Gesture Event plugin

Source: Internet
Author: User

website address: http://jgestures.codeplex.com/
Document Version number: v0.7, edited by Neuedigitale, May 8, 2012
Latest stable version:Jgestures V0.90-shake

Jgestures Introduction

The jgestures plugin allows you to listen to the following events as native jquery events: ' Pinch ' (zoom gesture), ' rotate ' (rotation gesture), ' swipe ' (swipe gesture), ' tap ' (touch) and ' Orientationchange ' (change device orientation). Of course, some events can be implemented on a PC browser via a transform. For example, "Tapone" event can be triggered by "clicking" event, mouse gestures can also produce "swipe" event.

using the example

[JavaScript]View Plaincopy
  1. $ (


Event List

Orientationchange
represents a device that rotates clockwise or counterclockwise. This event can be triggered by the device and may be using a gravity sensor.

Pinch
zoom gesture (two finger relative motion on the screen)

Rotate
rotating gestures (two fingers clockwise or counterclockwise)

Swipemove
trigger on slide (move finger on device screen, e.g. drag)

Swipeone
single-point swipe gesture that triggers when the slide is complete (one finger moves on the screen)

Swipetwo
Two-point swipe (two fingers sliding in a consistent direction on the screen)

Swipethree
three-point swipe (three fingers sliding in a consistent direction on the screen)

Swipefour
Four-point swipe (four fingers sliding in a consistent direction on the screen)

Swipeup
swipe up to trigger after a rigorous upward swipe gesture is complete

Swiperightup
swipe to the top right to trigger when the swipe gesture is completed right and up

swiperight
Swipe right to trigger after strict right swipe gesture is complete

Swiperightdown
swipe down to the right and trigger when the swipe gesture is completed right and down

Swipedown
Swipe down to trigger when the strict swipe down gesture is complete

Swipeleftdown
Swipe down to the left and trigger after the left and down swipe gesture is complete

Swipeleft
Swipe left to trigger after strict left swipe gesture is complete

Swipeleftup
Swipe to the top left and trigger after the left and up swipe gesture is complete

Tapone
triggers after a single finger taps the gesture

Taptwo
trigger after two fingers with a tap gesture

Tapthree
trigger after three fingers with a tap gesture

Pinchopen
an open gesture that fires when two fingers are large and leave the device.

Pinchclose
pinch gestures, triggered when two fingers are pinched and left the device.

ROTATECW
two fingers are rotated clockwise and off the screen (two fingers rotating clockwise)

ROTATECCW
two fingers turn counterclockwise and trigger when leaving the screen (two fingers rotating counterclockwise)

Shake
triggered when the device is being shaken

Shakefrontback
When a shaking action is detected and can be interpreted as a trigger when moving forward or backward.

Shakeleftright
When a shaking action is detected and can be interpreted as a trigger when moving left and right.

Shakeupdown
When a shaking action is detected and can be interpreted as triggering when moving up and down.

Jgestures:jquery's Gesture Event plugin

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.