jQuery Mobile Touch-händelser

Touch-händelser utlöses när användaren berör skärmen (sidan).

Tips:Touch-händelser gäller också för datorer: Klicka på musen!

jQuery Mobile Tap

Tap-händelsen utlöses när användaren klickar på ett element.

Nedanstående exempel döljer aktuellt <p>-element när tap-händelsen utlöses på <p>-elementet:

Exempel

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

Prova själv

jQuery Mobile Taphold

Taphold-händelsen utlöses när användaren klickar på ett element och håller i en sekund:

Exempel

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

Prova själv

jQuery Mobile Swipe

Swipe-händelsen utlöses när användaren horisontellt glider på ett element över 30px:

Exempel

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

Prova själv

jQuery Mobile Swipeleft

Swipeleft-händelsen utlöses när användaren glider vänster på ett element över 30px:

Exempel

$("p").on("swipeleft",function(){
  alert("Du svepte till vänster!");
});

Prova själv

jQuery Mobile Swiperight

Swiperight-händelsen utlösas när användaren sveper över 30px från höger på ett element:

Exempel

$("p").on("swiperight",function(){
  alert("Du svepte till höger!");
});

Prova själv