jQuery Mobile Touch 이벤트

터치 이벤트는 사용자가 화면(페이지)을 만지거나 누를 때 발생합니다。

푸터링:터치 이벤트는 데스크톱 컴퓨터에도 적용됩니다: 마우스를 클릭하세요!

jQuery Mobile Tap

tap 이벤트는 사용자가 특정 요소를 누를 때 발생합니다。

아래의 예제는 <p> 요소에서 tap 이벤트가 발생할 때 현재 <p> 요소를 숨깁니다:

예제

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

직접 시도해 보세요

jQuery Mobile Taphold

사용자가 특정 요소를 누른 상태를 1초 이상 유지할 때 taphold 이벤트가 발생합니다:

예제

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

직접 시도해 보세요

jQuery Mobile Swipe

사용자가 특정 요소에서 30px 이상 수평으로 스와이프할 때 swipe 이벤트가 발생합니다:

예제

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

직접 시도해 보세요

jQuery Mobile Swipeleft

사용자가 특정 요소에서 왼쪽으로 30px 이상 스와이프할 때 swipeleft 이벤트가 발생합니다:

예제

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

직접 시도해 보세요

jQuery Mobile Swiperight

swiperight 이벤트는 사용자가 특정 요소에서 30px 이상을 오른쪽으로 슬라이드할 때 발생합니다:

예제

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

직접 시도해 보세요