Eventos de toque de jQuery Mobile

Los eventos de toque se activan cuando el usuario toca la pantalla (página):

Consejo:Los eventos de toque también se aplican a los ordenadores de escritorio: ¡Haz clic con el ratón!

jQuery Mobile Tap

El evento 'tap' se activa cuando el usuario presiona un elemento.

El siguiente ejemplo oculta el elemento actual <p> cuando se desencadena el evento 'tap' en un elemento <p>:

Ejemplo

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

Prueba personalmente

jQuery Mobile Taphold

El evento 'taphold' se activa cuando el usuario presiona un elemento y mantiene la pulsación durante un segundo:

Ejemplo

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

Prueba personalmente

jQuery Mobile Swipe

El evento 'swipe' se activa cuando el usuario desliza horizontalmente en un elemento más de 30px:

Ejemplo

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

Prueba personalmente

jQuery Mobile Swipeleft

El evento 'swipeleft' se activa cuando el usuario desliza de izquierda a derecha en un elemento más de 30px:

Ejemplo

$("p").on("swipeleft",function(){
  alert("¡Has deslizado a la izquierda!");
});

Prueba personalmente

jQuery Mobile Swiperight

El evento swipeleft se activa cuando el usuario desliza más de 30px en un elemento:

Ejemplo

$("p").on("swiperight",function(){
  alert("¡Has deslizado a la derecha!");
});

Prueba personalmente