onpagehide 이벤트
예시
사용자가 웹 페이지에서 다른 곳으로 이동할 때 JavaScript를 실행합니다.
<body onpagehide="myFunction()">
정의 및 사용
onpagehide 이벤트는 사용자가 웹 페이지에서 다른 곳으로 이동할 때 발생합니다.
페이지에서 다른 곳으로 이동하는 방법에는 여러 가지가 있습니다. 예: 링크 클릭, 페이지 새로고침, 양식 제출, 브라우저 창 닫기 등
onunload 이벤트로 인해 페이지가 캐시되지 않기 때문에 onpagehide 이벤트가 onunload 이벤트 대신 사용되는 경우가 있습니다 .
페이지가 서버에서 직접 로드되었는지 또는 페이지가 캐시되었는지 확인하려면 PageTransitionEvent 개체의 지속 속성을 사용할 수 있습니다. 이 속성은 페이지가 브라우저에 의해 캐시되면 true를 반환하고 그렇지 않으면 false를 반환합니다.
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Event | |||||
---|---|---|---|---|---|
onpagehide | Yes | 11.0 | Yes | 5.0 | Yes |
참고: 다른 브라우저 설정으로 인해 이 이벤트가 항상 예상대로 작동하지 않을 수 있습니다.
통사론
HTML:
<element onpagehide="myScript">
자바스크립트:
object.onpagehide = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("pagehide", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 아니 |
---|---|
취소 가능: | 아니 |
이벤트 유형: | 페이지 전환 이벤트 |
지원되는 HTML 태그: | <본체> |
DOM 버전: | 레벨 3 이벤트 |