본문 바로가기
프로그램/jQuery Mobile

18. 터치 이벤트

by 로드러너 2013. 12. 21.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

Index

16. jQuery Mobile 그리드 레이아웃

17. jQuery Mobile Collapsible 블록

18. 터치 이벤트

19. jQuery Mobile 폼 양식

20. HTML5 에서 추가된 폼 양식

 

 

jQuery Mobile 은 손가락 터치와 관련된 이벤트를 제공한다.

 

이벤트

tap

화면을 손가락으로 툭 치면 발생한다

taphold

손가락으로 길게 누르고 있으면 발생한다

swipe

화면을 손가락으로 밀면 발생한다. 화면을 좌우로 전환시 사용

swipeleft

왼쪽 방향으로 swipe 할 때 발생한다

swiperight

오른쪽 방향으로 swipe 할 때 발생한다

 

 

$(function){

    $("#eventDiv").bind("tap", function(event){

    }

    $("#eventDiv").bind("taphold", function(event){

    }

    $("#이벤eventDiv").bind("swipe", function(event){

        //페이지 이동 코드

    }

    $("#eventDiv").bind("swipeleft", function(event){

        //페이지 이동 코드

    }

    $("#eventDiv").bind("swiperight", function(event){

        //페이지 이동 코드

    }

}

 

....

 

<div id="eventDiv">

</div>

 

 

'프로그램 > jQuery Mobile' 카테고리의 다른 글

20. HTML5 에서 추가된 폼 양식  (0) 2013.12.23
19. jQuery Mobile 폼 양식  (0) 2013.12.22
17. jQuery Mobile Collapsible 블록  (0) 2013.12.21
16. jQuery Mobile 그리드 레이아웃  (0) 2013.12.18
15. jQuery Mobile 리스트  (0) 2013.12.16