jQuery Mobile Touch-gebeurtenissen

Touch-gebeurtenissen worden geactiveerd wanneer de gebruiker het scherm (de pagina) raakt.

Tip:Touch-gebeurtenissen zijn ook van toepassing op desktopcomputers: klik op de muis!

jQuery Mobile Tap

Het tap-gebeurtenis wordt geactiveerd wanneer de gebruiker een element knipt.

Het volgende voorbeeld verbergt het huidige <p>-element wanneer het tap-gebeurtenis op een <p>-element wordt geactiveerd:

Voorbeeld

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

Probeer het zelf

jQuery Mobile Taphold

Het taphold-gebeurtenis wordt geactiveerd wanneer de gebruiker een element knipt en een seconde wacht:

Voorbeeld

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

Probeer het zelf

jQuery Mobile Swipe

Het swipe-gebeurtenis wordt geactiveerd wanneer de gebruiker een element horizontaal veegt over 30px:

Voorbeeld

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

Probeer het zelf

jQuery Mobile Swipeleft

Het swipeleft-gebeurtenis wordt geactiveerd wanneer de gebruiker een element van links naar rechts veegt over 30px:

Voorbeeld

$("p").on("swipeleft",function(){
  alert("Je hebt naar links geswipt!");
});

Probeer het zelf

jQuery Mobile Swiperight

De swiperight-event wordt geactiveerd wanneer een gebruiker meer dan 30px van rechts naar links over een element schuift:

Voorbeeld

$("p").on("swiperight",function(){
  alert("Je hebt naar rechts geswipt!");
});

Probeer het zelf