다양한 jQuery 모바일 이벤트 리스트를 소개합니다. jQuery mobile event list

jQuery 모바일(jQuery Mobile) 에서는 모바일 개발에 필요한 몇가지 커스텀 이벤트를 제공하고 있습니다. 영어 실력이 많이 부족하지만 이해하는 부분까지만 설명해 놓았으니 이해 부탁드립니다. 자세한것은 맨 아래에 있는 jQuery URL 을 참고해주세요.

jQuery Mobile Event List

hashchange

북마크 가능한 해쉬 히스토리를 활성화 : 콜백함수 제공 (정확한 것은 사용을 안해봐서 모르겠습니다.ㅠㅠ)

mobileinit

jquery 모바일의 로딩이 다 끝난후에 실행되는 이벤트를 의미합니다.

navigate

hashchange 이벤트와 popstate 이벤트가 포함?하는 이벤트입니다. 모든 브라우저에 하나의 추가적인 이벤트를 제공하기 위한것인데요. 또한 통일된 핸들러 허용을 이해서 데이터 오브젝트를 모든 브라우저에 제공한다고 합니다. 자세한것은 사용은 아직 않해봐서 모르겠네요ㅠ

orientationchange

모바일 기기의 화면이 세로 또는 가로로 변경이 일어날때 일어나는 이벤트 입니다.

pagebeforechange

페이지의 변화가 일어날때 두번 실행되는 이벤트 인데요. 페이지가 로딩 또는 변환이 되기 전에  그리고 그 다음으로는 페이지의 로딩이 완전히 끝났을 때 실행됩니다. 그러나 브라우저의 히스토리가 네비게이션 프로세스의 의해 수정이 되기 전입니다.

pagebeforecreate

페이지가 초기화 될때 실행됩니다. 그러나 대부분의 플러그인이 자동 초기화 되기 전입니다.

pagebeforehide

현재 페이지에서 다른 페이지로 이동 되기전 즉 현재의 페이지가 사라지기전?에 실행되는 이벤트 입니다.

pagebeforeload

어떠한 로딩을 요청받았을때 실행되는 이벤트입니다.

pagebeforeshow

위의 pagebeforehide 이벤트와 비슷하지만 페이지가 이동되어질때 다른 페이지가 보여지기전에 실행되는 이벤트 입니다.

pagechange

이 이벤트는 changePage() 이벤트 요청이 완전히 끝난후에 실행되는 실행되는 이벤트 입니다.

pagechangefailed

changePage() 이벤트 요청이 실패했을때 실행됩니다.

pagecreate

페이지가 DOM(ajax 또는 다른것)에서 생성되었을때 실행이 됩니다.

pagehide

현재 페이지가 다른 페이지로 이동되기전 모든 변환 에니메이션(작업?)이 완료된 후에 실행되는 이벤트 입니다.

pageinit

페이지가 초기화 되었을때 실행되는 이벤트 입니다.

pageload

페이지가 완벽하게 로드 되어 DOM 에 추가되었을때에 실행이 됩니다.

pageloadfailed

페이지 로딩 요청이 실패했을때 실행됩니다.

pageremove

프래임워크가 DOm 으로부터 외부 페이지의 삭제를 시도하기 전에 실행이 됩니다.

pageshow

이동되어지는 페이지의 변환 에니메이션(작업?)이 완성된 후에 실행됩니다.

scrollstart

스크롤이 시작될때 시작됩니다.

scrollstop

스크롤이 끝났을때 실행이 됩니다.

swipe

1초 동안에 수평으로 30픽셀 이상 드래그를 했을때 (세로로 30픽셀 보다는 적게) 발생하는 이벤트 입니다.

swipeleft

왼쪽 방향으로 손가락으로 화면을 드래그하여 이동 시킬때 발생하는 이벤트 입니다.

swiperight

오른쪽 방향으로 손가락으로 화면을 드래그하여 이동 시킬때 발생하는 이벤트 입니다.

tap

빠르고 완벽한 터치 이벤트 후에 일명 탭을 한 후에 일어나는 이벤트 입니다.

taphold

완벽한 터치가 유지가 된 후에 일어나는 이벤트 입니다. (탭 상태로 누루고 있는 상태)

throttledresize

특별한 이벤트로 브라우저에서 사이즈 변환에 연속적인(재귀적인) 콜백이 일어나지 않도록 방지하는 특별한 이벤트로 실행을 횟수를 제한할 수 있습니다.

updatelayout

컨텐츠가 보여지고 숨겨지것이 다이나믹하게 변하는 컨포넌트의 의해 실행이 되는 것으로 하나의 컨텐츠가 변할때 다른 컨텐츠의 사이즈나 다른것들이 변화해야할때 호출?해서 사용합니다. 예제 $( "#foo" ).hide().trigger( "updatelayout" );

vclick

가상의 마우스 클릭 이벤트 핸들러

vmousecancel

가상의 마우스 캔슬 이벤트 핸들러

vmousedown

가상의 마우스 다운 이벤트 핸들러

vmousemove

가상의 마우스 무브 이벤트 핸들러

vmouseout

가상의 마우스 아웃 이벤트 핸들러

vmouseover

가상의 마우스 오버 이벤트 핸들러

vmouseup

가상의 마우스 업 이벤트 핸들러

참고로 가상 마우스 이벤트는 조심해서 사용하라는 문구가 있더라구요. 아무튼 뭔가 이유가 있어서 만들어 놓긴 했을텐데요.. 저는 아직 잘 모르겠습니다. 아무튼 jQuery  모바일 에서 제공하는 이벤트들이 너무나도 많습니다. 이걸 잘 활용만 하면 정말 멋진 것들을 만들 수 있을것 같습니다.

참고 URL : https://api.jquerymobile.com/category/events/