브라우저 창이 닫히거나 새로 고쳐질 때 JavaScript 코드를 어떻게 실행합니까?

창 닫기 또는 페이지 새로 고침 시 JavaScript 코드 실행

사용자가 브라우저 창을 닫거나 페이지를 새로 고칠 때 JavaScript 코드를 실행하는 것이 바람직한 경우가 많습니다. 마지막 코드입니다. onload 이벤트와 유사하지만 닫기 또는 새로 고침을 위해 onbeforeunload 및 onunload라는 두 가지 기본 옵션이 있습니다.

window.onbeforeunload 및 window.onunload

이 두 가지 이벤트 핸들러를 사용하면 창이 닫히거나 새로 고쳐질 때 코드를 실행할 수 있습니다. 주요 차이점은 onbeforeunload는 브라우저가 사용자에게 확인 대화 상자(예: "페이지를 나가시겠습니까?" 또는 "다시 로드하시겠습니까?")를 표시하기 전에 실행되는 반면, onunload는 사용자가 작업을 확인한 후에 실행된다는 것입니다.

사용법:

창 속성을 직접 설정하거나 addEventListener를 사용하여 이러한 이벤트 핸들러에 기능을 할당할 수 있습니다. 메소드.

직접 할당:

window.onbeforeunload = function() {
  // Do something
};
window.onunload = function() {
  // Do something
};

addEventListener 메소드:

window.addEventListener('beforeunload', function(e) {
  // Do something
});
window.addEventListener('unload', function(e) {
  // Do something
});

참고 사항 onbeforeunload:

일반적으로 onbeforeunload는 사용자가 페이지를 떠나는 것을 방지하는 데 사용됩니다(예: 저장되지 않은 데이터가 있는 경우). 그러나 문자열을 반환하지 않거나 event.returnValue를 설정하면 확인 대화 상자가 표시되지 않도록 할 수 있습니다.

추가 고려 사항:

• Iframe 삭제: 상위 항목이 iframe을 삭제한 경우 beforeunload 이벤트는 작동하지 않지만 unload 및 pagehide 이벤트는 작동합니다. 대부분의 최신 브라우저에 있습니다.
• Firefox 버그: 2023년 8월 현재 Firefox에는 iframe 삭제 시 언로드 및 페이지 숨기기 이벤트가 작동하지 않는 버그가 있습니다.

위 내용은 브라우저 창이 닫히거나 새로 고쳐질 때 JavaScript 코드를 어떻게 실행합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!