최신 웹 개발 튜토리얼
 

jQuery Mobile터치 이벤트


사용자가 화면 (페이지)을 터치시 터치 이벤트가 트리거된다.

이벤트는 데스크탑 컴퓨터에서 작동 터치 : 탭과 스 와이프를 마우스로!


jQuery를 모바일 탭

사용자가 탭들 요소 일 때 상기 탭 이벤트가 트리거된다.

다음의 예는 말한다 : 경우에 탭 이벤트가 발생 <p> 요소; 현재 숨길 <p> 요소를 :

$("p").on("tap",function(){
  $(this).hide();
});
»그것을 자신을 시도

jQuery를 모바일 Taphold

사용자가 요소 탭과 1 초 동안 누르고 있으면 taphold 이벤트가 트리거됩니다 :

$("p").on("taphold",function(){
  $(this).hide();
});
»그것을 자신을 시도

jQuery를 모바일 와이프

사용자가 수평보다 30 픽셀 이상으로 요소를 통해 스 와이프하면 와이프 이벤트가 트리거됩니다 :

$("p").on("swipe",function(){
  $("span").text("Swipe detected!");
});
»그것을 자신을 시도

jQuery를 모바일 Swipeleft

사용자가 30 픽셀 이상으로 왼쪽 방향의 요소 상에 와이프 때 swipeleft 이벤트가 트리거됩니다 :

$("p").on("swipeleft",function(){
  alert("You swiped left!");
});
»그것을 자신을 시도

jQuery를 모바일 Swiperight

사용자가 30 픽셀 이상으로 올바른 방향의 요소 상에 드래그하면 swiperight 이벤트가 트리거됩니다 :

$("p").on("swiperight",function(){
  alert("You swiped right!");
});
»그것을 자신을 시도