Neueste Web-Entwicklung Tutorials
 

jQuery Mobile touch-Events


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

Touch - Ereignisse arbeiten auch auf Desktop - Computern: Tippen und Streichen mit der Maus!


jQuery Mobile Tap

Der Abgriff Ereignis wird ausgelöst, wenn der Benutzer auf ein Element tippt.

Das folgende Beispiel sagt: Wenn ein Hahn - Ereignis ausgelöst wird auf einem <p> Element; die aktuelle verbergen <p> Element:

Beispiel

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

jQuery Mobile Taphold

Das taphold Ereignis ausgelöst wird, wenn der Benutzer auf ein Element tippt und halten für eine Sekunde:

Beispiel

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

jQuery Mobile Swipe

Die Swipe-Ereignis ausgelöst wird, wenn der Benutzer klaut über ein Element horizontal um mehr als 30px:

Beispiel

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

jQuery Mobile Swipeleft

Die swipeleft Ereignis wird ausgelöst, wenn der Benutzer swipes über ein Element in der Richtung nach links um mehr als 30px:

Beispiel

$("p").on("swipeleft",function(){
  alert("You swiped left!");
});
Versuch es selber "

jQuery Mobile Swiperight

Die swiperight Ereignis wird ausgelöst, wenn der Benutzer zieht über ein Element in der richtigen Richtung um mehr als 30px:

Beispiel

$("p").on("swiperight",function(){
  alert("You swiped right!");
});
Versuch es selber "