jQuery Mobile Touch-Ereignisse

Touch-Ereignisse werden ausgelöst, wenn der Benutzer den Bildschirm (Seite) berührt.

Hinweis:Touch-Ereignisse gelten ebenfalls für Desktop-Computer: Klicken Sie mit der Maus!

jQuery Mobile Tap

Das tap-Ereignis wird ausgelöst, wenn der Benutzer auf einem Element klickt.

Der folgende Beispielcode versteckt das aktuelle <p>-Element, wenn auf dem <p>-Element der tap-Ereignis ausgelöst wird:

Beispiel

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

Versuchen Sie es selbst

jQuery Mobile Taphold

Das taphold-Ereignis wird ausgelöst, wenn der Benutzer auf einem Element klickt und eine Sekunde lang hält.

Beispiel

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

Versuchen Sie es selbst

jQuery Mobile Swipe

Das swipe-Ereignis wird ausgelöst, wenn der Benutzer auf einem Element horizontal über 30px wischen.

Beispiel

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

Versuchen Sie es selbst

jQuery Mobile Swipeleft

Der swipeleft-Ereignis wird ausgelöst, wenn der Benutzer auf einem Element von links nach rechts über 30px wischen.

Beispiel

$("p").on("swipeleft",function(){
  alert("Sie haben nach links gewischt!");
});

Versuchen Sie es selbst

jQuery Mobile Swiperight

Das swiperight-Ereignis wird ausgelöst, wenn der Benutzer über 30px von rechts auf einem Element wischt:

Beispiel

$("p").on("swiperight",function(){
  alert("Sie haben nach rechts gewischt!");
});

Versuchen Sie es selbst