jQuery Mobile Touch-tapahtumat

Touch-tapahtumat aktivoituvat, kun käyttäjä koskettaa näyttöä (sivua).

Vinkki:Touch-tapahtumat soveltuvat myös tietokoneisiin: napsauta hiirtä!

jQuery Mobile Tap

tap-tapahtuma aktivoituu, kun käyttäjä napauttaa jossain elementissä.

Seuraavassa esimerkissä piilotetaan nykyinen <p>-elementti, kun tap-tapahtuma aktivoituu <p>-elementissä:

Esimerkki

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

Kokeile itse

jQuery Mobile Taphold

taphold-tapahtuma aktivoituu, kun käyttäjä napauttaa jossain elementissä ja pitää napautuksen yli sekunnin:

Esimerkki

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

Kokeile itse

jQuery Mobile Swipe

swipe-tapahtuma aktivoituu, kun käyttäjä liu'uttaa jossain elementissä horisontaalisesti yli 30px:ää:

Esimerkki

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

Kokeile itse

jQuery Mobile Swipeleft

swipeleft-tapahtuma aktivoituu, kun käyttäjä liu'uttaa jossain elementissä vasemmalle yli 30px:ää:

Esimerkki

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

Kokeile itse

jQuery Mobile Swiperight

swiperight tapahtuma aktivoituu, kun käyttäjä vetää elementin oikealle yli 30px:ää:

Esimerkki

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

Kokeile itse