window unload event

언로드 이벤트는 문서 또는 하위 리소스가 언로드될 때 발생한다.
언로드 이벤트도 문서 트리를 따른다. 상위 프레임 언로드는 하위 프레임 언로드 전에 발생한다

경고: 개발자는 이 이벤트를 사용하지 않을 것을 권한다. 아래 참고

 

addEventListener('unload', (event) => { });
onunload = (event) => { };

 

 

Window 인터페이스 외에도 이벤트 핸들러 속성 onunload는 다음 대상에서도 사용할 수 있다.
HTMLBodyElement
HTMLFrameSetElement
SVGSVGElement

 

개발에 주의

개발자는 이 이벤트를 사용하지 않아야 한다.
특히 모바일에서는 언로드 이벤트가 안정적으로 실행되지 않는다.

예를 들어 다음 시나리오에서는 언로드 이벤트가 전혀 발생하지 않습니다.
모바일 사용자가 귀하의 페이지를 방문합니다.
그런 다음 사용자는 다른 앱으로 전환합니다.
나중에 사용자는 앱 관리자에서 브라우저를 닫습니다.
또한 언로드 이벤트는 뒤로/앞으로 캐시(bfcache)와 호환되지 않습니다. 이 이벤트를 사용하는 많은 페이지가 이벤트가 발생한 후 페이지가 계속 존재하지 않을 것이라고 가정하기 때문입니다. 이를 방지하기 위해 일부 브라우저(예: Firefox)는 언로드 리스너가 있는 경우 bfcache에 페이지를 배치하지 않으며 이는 성능에 좋지 않습니다. Chrome과 같은 다른 것들은 사용자가 다른 곳으로 이동할 때 언로드를 실행하지 않습니다.
사용자 세션의 종료를 알리는 데 사용하는 가장 좋은 이벤트는 visibilitychange 이벤트입니다. Visibilitychange를 지원하지 않는 브라우저에서 차선책은 pagehide 이벤트입니다. 이 이벤트도 안정적으로 실행되지는 않지만 bfcache와 호환됩니다.
특별히 페이지 언로드 이벤트를 감지하려는 경우 pagehide 이벤트를 수신하는 것이 가장 좋습니다.
언로드 이벤트와 관련된 문제에 대한 자세한 내용은 Page Lifecycle API 가이드를 참조하세요. Page Lifecycle API