jQuery Mobile 이벤트

이벤트 = 웹 페이지가 모든 다른 방문자의 동작에 응답할 수 있는 모든 다른 방식입니다.

jQuery Mobile 이벤트

jQuery Mobile에서는 모든 표준 jQuery 이벤트。

또한, jQuery Mobile는 이동 브라우저를 위해 맞춤형으로 제공되는 여러 가지 이벤트를 제공합니다:

  • 터치 이벤트 - 사용자가 스크린을 터치할 때 발생(敲擊과 슬라이드)
  • 스크롤 이벤트 - 상하로 스크롤할 때 발생
  • 방향 이벤트 - 장치가 수직이나 수평으로 회전할 때 발생
  • 페이지 이벤트 - 페이지가 표시되거나 숨겨지거나, 생성되거나 로드되거나 또는 해제될 때 발생

모든 jQuery Mobile 이벤트에 대한 전체 정보를 얻으려면, 우리의 jQuery Mobile 이벤트 참조 매뉴얼。

jQuery Mobile 이벤트 초기화

jQuery에서는 문서 ready 이벤트를 사용하여 jQuery 코드가 문서가 로드되고 (준비되었음) 이전에 실행되지 않도록 합니다:

jQuery 문서 ready 이벤트

<script>
$(document).ready(function(){
   // 여기서는 jQuery 이벤트...
});
</script>

개인적으로 시도해 보세요

그러나 jQuery Mobile에서는 pageinit 이벤트를 사용하며, 이 이벤트는 페이지가 초기화되고 스타일 설정이 완료된 후 발생합니다.

두 번째 매개변수는 ("#pageone")로 지정된 페이지의 id를 가리키며, 이벤트를 지정하는 데 사용됩니다:

jQuery Mobile 페이지이니셜 이벤트

<script>
$(document).on("pageinit","#pageone",function(){
   // 여기서는 jQuery 이벤트...
});
</script>

개인적으로 시도해 보세요

주의사항:jQuery on() 메서드는 이벤트 처리기를 추가하는 데 사용됩니다.

다음 장에서는 각 jQuery Mobile 이벤트를 자세히 설명할 것입니다.