onbeforeunload 이벤트

DOM 이벤트 Event 객체

정의와 사용법

onbeforeunload 이벤트는 문서가 로드될 때 발생합니다.

이 이벤트는 확인 대화 상자에 메시지를 표시하여 사용자에게 현재 페이지를 유지하거나 떠나기를 알려줍니다.

확인 상자에 나타나는 기본 메시지는 다른 브라우저에서 다릅니다. 그러나 표준 메시지는 '이 페이지를 떠나시겠습니까?'와 유사합니다. 이 메시지는 제거할 수 없습니다.

하지만, 사용자 정의 메시지와 기본 메시지를 함께 작성할 수 있습니다. 첫 번째 예제를 참조하세요. 주석: 인터넷 익스플로러에만 적용됩니다.

주석：onbeforeunload 이벤트가 <body> 요소에 할당되지 않았다면, 이 이벤트를 window 객체에 할당/추가하고 returnValue 속성을 사용하여 사용자 정의 메시지를 생성해야 합니다(아래의 문법 예제를 참조하세요).

예제

페이지가 로드될 때 JavaScript를 실행하려면:

<body onbeforeunload="return myFunction()">

자신이 직접 시도해 보세요

문법

HTML에서:

<element onbeforeunload="myScript">

자신이 직접 시도해 보세요

JavaScript에서:

object.onbeforeunload = function(){myScript};

자신이 직접 시도해 보세요

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

object.addEventListener("beforeunload", myScript);

자신이 직접 시도해 보세요

주석：Internet Explorer 8 또는 이전 버전은 지원하지 않습니다 addEventListener() 메서드。

기술 세부 사항

버블링： 지원하지 않음
취소 가능： 지원
이벤트 유형： 사용자 인터페이스에서 생성된 경우Ui이벤트。그렇지 않으면 이벤트。
지원하는 HTML 태그: <body>
DOM 버전: 레벨 2 이벤트

브라우저 지원

테이블에 나타난 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
onbeforeunload 지원 지원 지원 지원 15.0
DOM 이벤트 Event 객체