jQuery Mobile Touch Events

## jQ Mobile Tutorial

jQ Mobile HOME jQ Mobile Intro jQ Mobile Install jQ Mobile Pages jQ Mobile Transitions jQ Mobile Buttons jQ Mobile Icons jQ Mobile Toolbars jQ Mobile Navbars jQ Mobile Collapsibles jQ Mobile Grids

## jQ Mobile Lists

jQ Mobile List Views jQ Mobile List Content

## jQ Mobile Forms

jQ Mobile Form Basic jQ Mobile Form Inputs jQ Mobile Form Select jQ Mobile Form Sliders

## jQ Mobile Themes

jQ Mobile Themes

## jQ Mobile Events

jQ Mobile Events jQ Mobile Touch jQ Mobile Scroll jQ Mobile Orientation jQ Mobile Page Events

## Examples

jQ Mobile Examples

## References

jQ Data Attributes jQ Events jQ Icons

# jQuery Mobile Touch Events

« Previous
Next Chapter »

Touch events are triggered when the user touches the screen (page).

| Touch events also work on desktop computers: tap and swipe with your mouse!

## jQuery Mobile Tap

The tap event is triggered when the user taps on an element.

The following example says: When a tap event fires on a <p> element; hide the current <p> element:

## Example

$("p").on("tap",function(){
$(this).hide();
});
Try it yourself »

## jQuery Mobile Taphold

The taphold event is triggered when the user taps on an element and hold for one second:

## Example

$("p").on("taphold",function(){
$(this).hide();
});
Try it yourself »

## jQuery Mobile Swipe

The swipe event is triggered when the user swipes over an element horizontally by more than 30px:

## Example

$("p").on("swipe",function(){
$("span").text("Swipe detected!");
});
Try it yourself »

## jQuery Mobile Swipeleft

The swipeleft event is triggered when the user swipes over an element in the left direction by more than 30px:

## Example

$("p").on("swipeleft",function(){
alert("You swiped left!");
});
Try it yourself »

## jQuery Mobile Swiperight

The swiperight event is triggered when the user drags over an element in the right direction by more than 30px:

## Example

$("p").on("swiperight",function(){
alert("You swiped right!");
});
Try it yourself »
« Previous
Next Chapter »

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE