Eventi touch jQuery Mobile

Gli eventi touch vengono attivati quando l'utente tocca lo schermo (la pagina):

Suggerimento:Gli eventi touch sono validi anche sui computer desktop: clicca il mouse!

jQuery Mobile Tap

L'evento tap viene attivato quando l'utente preme un elemento.

Esempio: nasconde l'elemento <p> corrente quando viene attivato l'evento tap sull'elemento <p>:

Esempio

$("p").on("tap",function(){
  $("this").hide();
});

Prova da solo

jQuery Mobile Taphold

L'evento taphold viene attivato quando l'utente preme un elemento e mantiene la pressione per un secondo:

Esempio

$("p").on("taphold",function(){
  $("this").hide();
});

Prova da solo

jQuery Mobile Swipe

L'evento swipe viene attivato quando l'utente scive a destra su un elemento superando 30px:

Esempio

$("p").on("swipe",function(){
  $("span").text("Rilevato swipe!");
});

Prova da solo

jQuery Mobile Swipeleft

L'evento swipeleft viene attivato quando l'utente scivola a sinistra su un elemento superando 30px:

Esempio

$("p").on("swipeleft",function(){
  alert("Hai sfiorato a sinistra!");
});

Prova da solo

jQuery Mobile Swiperight

L'evento swiperight viene attivato quando l'utente scorre da destra su un elemento di oltre 30px:

Esempio

$("p").on("swiperight",function(){
  alert("Hai sfiorato a destra!");
});

Prova da solo