JavaScript로 페이지 종료 전 확인을 구현하는 방법은 무엇입니까?

페이지 종료 전 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.');
});

위 내용은 JavaScript로 페이지 종료 전 확인을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!