onBeforeUnload

브라우저 창을 닫거나 다른 창으로 이동시 사용자에게 이동 여부를 물어볼 때 사용할 수 있다. 핸들러가 지정되면 핸들러 메소드가 리턴한 문자열로 무조건 confirm창이 뜨게 된다. (브라우저 창 닫기/나가기/떠나기/unload/leave) 즉, 사용자가 브라우저 창을 떠나는 것을 완전히 막는 것은 불가능하다. 할 수 있는 것은 메시지를 바꾸는 것 정도이다.

• window.onbeforeunload MDN

window.onbeforeunload = function (e) {
  e = e || window.event;
 
  // For IE<8 and Firefox prior to version 4
  if (e) {
    e.returnValue = 'Any string';
  }
 
  // For Chrome, Safari, IE8+ and Opera 12+
  return 'Any string';
};

• 현재 Firefox는 지정된 메시지를 무시하고, 공통 메시지를 보여준다.
• Form Submit 등이 일어날 때도 같은 컨펌창이 뜨므로 Form Submit시에는 onbeforeunload 핸들러를 삭제해야 한다.
• $(window).bind('beforeunload', function …)