자바스크립트 onbeforeunload 이벤트

1 개요

JavaScript window.onbeforeunload 이벤트

자바스크립트 window.onbeforeunload

자바스크립트 웹페이지 떠나기 전 이벤트

• 웹페이지 닫기, 새로고침, 다른 URL로 이동 시에 발생
• 다른 웹페이지로 이동하거나 닫는 경우를 감지할 수 있음

<script>
window.onbeforeunload = function() {
	return "떠나려고 하시나요? ㅠㅠ 떠나려고 하시나요? ㅠㅠ 떠나려고 하시나요? ㅠㅠ 떠나려고 하시나요? ㅠㅠ 떠나려고 하시나요? ㅠㅠ 떠나려고 하시나요? ㅠㅠ";
}
</script>

<div>자바스크립트 onbeforeunload 테스트</div>
<a href='zetawiki.com'>제타위키로</a>

• 예제: http://zetawiki.com/ex/js/onbeforeunload.html

2 활용사례

• 위키백과에서 변경내용을 저장하지 않고 다른 곳으로 이동하려 할 경우

탐색 확인

이 페이지에서 벗어나면 저장하지 않은 바뀜이 모두 사라집니다.
로그인을 했다면, 환경 설정의 "[편집 상자]"에서 이 경고를 띄우지 않도록 설정할 수 있습니다.

이 페이지에서 벗어나시겠습니까?

[이 페이지 나오기] [이 페이지에 머무르기]

3 같이 보기

• 자바스크립트 window 객체

4 참고

• http://www.w3schools.com/jsref/event_onbeforeunload.asp
• http://www.4guysfromrolla.com/demos/OnBeforeUnloadDemo1.htm
• https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload