Tap or swipe in this area
jQuery Mobile touch event
May 21, 2021 jQuery Mobile
Table of contents
jQuery Mobile Touch Event
jQuery Mobile provides customizable touch events, although they are only available when users
access the jQuery Mobile website using touch-enabled devices.
When using these events,
you can trigger any custom java script in response to five different events: tap, taphold, swipe, swipeleft, and swiperight.
The touch event is triggered when the user touches the screen (page).
Tap or swipe in this area
|
Touch events can also be applied to desktop computers: tap or swipe the mouse! |
|---|
jQuery Mobile click
The click event is triggered when the user clicks on the element.
Here's an example: When you click on the element, hide the current element:
jQuery Mobile Tap No (Long Press)
The Click Don't Put (Long Press) event is triggered after clicking Don't Put (about a second).
jQuery Mobile swipes
Sliding events are events that are triggered when the user drags horizontally larger than 30PX in a second, or when the vertical drag is less than 20px:
jQuery Mobile swipes left
The swipe left event triggers when the user drags an element to the left greater than 30px:
jQuery Mobile swipes to the right
The swipe right event triggers when the user drags an element to the right greater than 30px:
In the next section, we'll cover the jQuery Mobile Roll Event.