18. 터치 이벤트

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>