onbeforeunload 이벤트는 다음과 같이 사용됩니다:
다음과 같이 코드 코드를 복사합니다.
<스크립트 언어="자바스크립트">
g_blnCheckUnload = true;
함수 RunOnBeforeUnload() {
if (g_blnCheckUnload) {
window.event.returnValue = '저장하지 않은 콘텐츠는 손실됩니다.';
}
}
</script>
<body onbeforeunload="RunOnBeforeUnload()">
</body>
이런 방식으로 브라우저 창이 닫히거나 새 페이지가 열릴 때마다 onbeforeunload 이벤트가 트리거되어야 합니다.
발췌 내용은 다음과 같습니다: onbeforeunload 이벤트:
참고: 세 가지 주요 브라우저 중 Firefox와 IE는 onbeforeunload 이벤트를 지원하지만 Opera는 아직 이를 지원하지 않습니다.
용법:
object.onbeforeunload = 핸들러
<요소 onbeforeunload = “처리기” … ></element>
설명: 이벤트가 실행되면 확인 및 취소가 포함된 대화 상자가 나타납니다. 확인하면 페이지에서 나가고, 취소하면 이 페이지에 계속 남아 있습니다. 처리기는 대화 상자에 표시된 텍스트로 반환 값을 설정할 수 있습니다.
트리거 원인:
브라우저 창 닫기
주소창이나 즐겨찾기를 통해 다른 페이지로 이동할 때
돌아가기, 앞으로가기, 새로고침, 홈페이지를 클릭하면
다른 페이지로 이동하는 URL 링크를 클릭한 경우
다음 이벤트 중 하나가 호출되는 경우: 클릭, 문서 쓰기, 문서 열기, 문서 닫기, 창 닫기, 창 탐색, 창 NavigateAndFind, 위치 바꾸기, 위치 다시 로드, 양식 제출.
창 열기를 사용하여 페이지를 열고 이 페이지의 창 이름을 열 페이지에 전달합니다.
location.href의 값을 재할당하는 경우.
input type="submit" 버튼을 통해 지정된 작업이 포함된 양식을 제출하는 경우.
다음 요소에 사용할 수 있습니다: BODY, FRAMESET, 창
플랫폼 지원: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+