> 웹 프론트엔드 > JS 튜토리얼 > 브라우저 창이 닫히거나 새로 고쳐질 때 JavaScript 코드를 어떻게 실행합니까?

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

Barbara Streisand
풀어 주다: 2024-11-22 02:04:14
원래의
625명이 탐색했습니다.

How do I Execute JavaScript Code When a Browser Window Closes or Refreshes?

창 닫기 또는 페이지 새로 고침 시 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿