onpagehide 이벤트

DOM 이벤트 PageTransitionEvent

정의와 사용법

onpagehide 이벤트는 사용자가 웹 페이지를 떠났을 때 발생합니다.

페이지를 떠나는 방법이 여러 가지가 있습니다. 예를 들어, 링크를 클릭하거나 페이지를 새로 고침하거나 양식을 제출하거나 브라우저 창을 닫는 등.

onpagehide 이벤트를 대신 사용할 수 있습니다. onunload 이벤트을 사용할 수 있습니다. 왜냐하면 onunload 이벤트는 페이지가 캐시에 저장되지 않도록 할 수 있습니다.

페이지가 서버에서 직접 로드되었는지缓存되었는지 확인하려면 PageTransitionEvent 오브젝트의 persisted 속성。브라우저가 페이지를 캐시에 저장하면 이 속성은 true를 반환하며, 그렇지 않으면 false를 반환합니다. 아래의 추가 예제를 참조하세요.

예제

사용자가 웹 페이지를 떠났을 때 자바스크립트를 실행합니다:

<body onpagehide="myFunction()">

문법

HTML에서:

<엘리먼트 onpagehide="myScript">

직접 시험해 보세요

JavaScript에서:

오브젝트.onpagehide = function(){myScript};

직접 시험해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

오브젝트.addEventListener("pagehide", myScript);

직접 시험해 보세요

주의사항:인터넷 익스플로어러 8 이상의 버전은 지원하지 않습니다 addEventListener() 메서드。

기술 세부 사항

버블: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: PageTransitionEvent
지원하는 HTML 태그: <body>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표에 나타난 숫자는 이 이벤트를 최초로 지원하는 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
onpagehide 지원 11.0 지원 5.0 지원

주의사항:브라우저 설정이 다르기 때문에, 이 이벤트가 항상 예상대로 작동하지 않을 수 있습니다.

DOM 이벤트 PageTransitionEvent