페이지 종료 전 JavaScript 확인

사용자가 실수로 확인 없이 페이지를 떠나는 것을 방지하기 위해 JavaScript를 사용하여 확인 창을 구현할 수 있습니다.

onbeforeunload 사용

onbeforeunload 이벤트는 사용자가 페이지를 떠나려고 합니다. 이 이벤트 리스너에 배치된 코드는 사용자에게 확인 창을 표시합니다. 사용자가 "확인"을 선택하면 나갈 의사가 있음을 나타내고, "취소"를 선택하면 종료 프로세스가 중단됩니다. 사용자가 페이지에 머물기로 선택한 경우 사용자를 리디렉션할 수 없습니다.

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

jQuery 사용

jQuery는 beforeunload 이벤트를 처리하는 간단한 방법을 제공합니다.

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

onunload 사용

onunload 이벤트는 페이지가 언로드되기 전 정리 작업에 자주 사용되지만 사용자를 리디렉션할 수는 없습니다. 그러나 작별 메시지나 경고를 표시하는 데는 여전히 유용할 수 있습니다. Chrome 14 이상에서는 onunload 내에서 경고를 차단합니다.

window.onunload = function() {
    alert('Bye.');
}

jQuery 구현

$(window).unload(function(){
  alert('Bye.');
});