Eventos de toque do jQuery Mobile

Os eventos de toque são acionados quando o usuário toca a tela (página).

Dica:Os eventos de toque também se aplicam a computadores de mesa: clique no mouse!

jQuery Mobile Tap

O evento 'tap' é acionado quando o usuário aperta algum elemento.

O exemplo a seguir oculta o elemento <p> atual quando o evento 'tap' é acionado no elemento <p>:

Exemplo

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

Experimente você mesmo

jQuery Mobile Taphold

O evento 'taphold' é acionado quando o usuário aperta algum elemento e mantém por um segundo:

Exemplo

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

Experimente você mesmo

jQuery Mobile Swipe

O evento 'swipe' é acionado quando o usuário desliza horizontalmente em algum elemento por mais de 30px:

Exemplo

$("p").on("swipe",function(){
  $("span").text("Detecção de swipe!");
});

Experimente você mesmo

jQuery Mobile Swipeleft

O evento 'swipeleft' é acionado quando o usuário desliza para a esquerda em algum elemento por mais de 30px:

Exemplo

$("p").on("swipeleft",function(){
  alert("Você arrastou para a esquerda!");
});

Experimente você mesmo

jQuery Mobile Swiperight

O evento swiperight é acionado quando o usuário deslizar para a direita em algum elemento por mais de 30px:

Exemplo

$("p").on("swiperight",function(){
  alert("Você arrastou para a direita!");
});

Experimente você mesmo