>  기사  >  웹 프론트엔드  >  jQuery-mobile 이벤트 모니터링 및 사용법에 대한 자세한 설명

jQuery-mobile 이벤트 모니터링 및 사용법에 대한 자세한 설명

高洛峰
高洛峰원래의
2017-01-04 14:06:461443검색

이 글의 예시에서는 jQuery-mobile 이벤트 모니터링 및 사용법을 설명합니다. 참고용으로 공유해 주세요. 자세한 내용은 다음과 같습니다.

터치 이벤트 - 사용자가 화면을 터치할 때 발생(탭 및 슬라이드)
스크롤 이벤트 - 위아래로 스크롤할 때 발생
방향 이벤트 - 기기
수직 또는 수평 회전 시 페이지 이벤트 발생 - 페이지 표시, 숨기기, 생성, 로드 및/또는 언로드 시 발생

1. 초기화 이벤트

1. 준비 이벤트 페이지 로딩 완료

$(document).ready(function(){
  //your code here...
});

2. 페이지 로딩 완료 이벤트 2페이지 초기화

$(document).on('pageinit','#pageone',function(){
  //your code here...
});

3. 🎜>

$(元素).on('事件',funciton(){
  //code here...
})

2. 터치 이벤트

사용자가 요소를 탭하면 탭 이벤트가 발생합니다.

사용자가 요소를 탭하고 길게 누르면 taphold 이벤트가 발생합니다. 1초간
swipe 사용자가 요소에서 가로로 30px 이상 슬라이드하면 이벤트가 발생합니다.
swipeleft 사용자가 요소에서 왼쪽으로 30px 이상 슬라이드하면 이벤트가 트리거됩니다.
swiperright 이벤트는 다음과 같습니다. 사용자가 요소의 왼쪽에서 30px 이상 슬라이드하면 트리거됩니다. 오른쪽 슬라이드가 30px을 초과하면 트리거됩니다.

3. 스크롤 이벤트

scrollstart 이벤트는 사용자가 요소를 스크롤하기 시작할 때 트리거됩니다. 페이지

(iOS 기기에서는 스크롤 이벤트가 발생하면 DOM 작업이 정지됩니다.)
사용자가 페이지 스크롤을 중지하면 scrollstop 이벤트가 트리거됩니다

방향(가로 및 세로 화면 회전)

사용자가 모바일 기기를 수직 또는 수평으로 회전하면 방향 변경 이벤트가 발생합니다

window.orientation을 통해 수평 및 수직 화면을 감지할 수 있습니다

$(window).on("orientationchange",function(){
 if(window.orientation == 0) // Portrait
 {
  $("p").css({"background-color":"yellow","font-size":"300%"});
 }
 else // Landscape
 {
  $("p").css({"background-color":"pink","font-size":"200%"});
 }
});
페이지 생성 전, 페이지 생성, 페이지 초기화 후

페이지 로드/언로드 - 외부 페이지 로드, 언로드, 실패 시

페이지 전환 - 페이지 전환 전, 후

페이지 변경 - 페이지가 변경되거나 페이지 전환이 발생하는 경우 a failure

【초기화 이벤트】

pagebeforecreate 이 이벤트는 페이지가 초기화되려고 할 때 jQuery Mobile이 페이지 개선을 시작하기 전에 트리거됩니다.

pagecreate 이 이벤트는 페이지가 생성되었지만 개선이 완료되기 전에 트리거됩니다.
pageinit 이 이벤트는 페이지가 초기화되고 jQuery Mobile이 페이지 개선을 완료한 후에 시작됩니다.

【Loading 이벤트】


pagebeforeload는 페이지 로드 요청이 이루어지기 전에 트리거됩니다.
pageload는 페이지가 성공적으로 로드되어 DOM에 삽입된 후에 실행됩니다.

pageloadfailed 이 이벤트는 페이지 로딩 요청이 실패하면 트리거됩니다. 기본적으로 "페이지 로딩 오류" 메시지가 표시됩니다.
$(document).on("pagebeforecreate",function(event){})

[전환 이벤트]


pagebeforeshow는 전환 애니메이션이 시작되기 전에 "Go" 페이지에서 트리거됩니다.
전환 애니메이션이 완료된 후 "to" 페이지에서 페이지 표시가 트리거됩니다.

pagebeforehide는 전환 애니메이션이 시작되기 전에 "다가오는" 페이지에서 실행됩니다.
$(document).on("pageload",function(event,data){})
전환 애니메이션이 완료된 후 '다음' 페이지에서 페이지 숨기기가 실행됩니다.


jQuery-mobile 이벤트 모니터링 및 사용법에 대한 자세한 내용은 PHP 중국어 홈페이지를 참고해주세요!

$(document).on("pagebeforeshow","#pagetwo",function(){ })



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.