HTML DOM beforeunload 이벤트

1 개요

beforeunload 이벤트

이 사이트에서 나가시겠습니까?

<script>
window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";
  e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+
  return confirmationMessage; // Gecko, WebKit, Chrome <34
});
</script>

2 브라우저 경고창 예시

크롬

3 같이 보기

• jQuery textarea 저장하지 않고 페이지 이동시 경고
• WindowEventHandlers.onbeforeunload
• DOMContentLoaded
• readystatechange
• load
• unload

4 참고

• https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload
• https://www.w3schools.com/jsref/event_onbeforeunload.asp