브라우저 창 닫기 또는 페이지 새로 고침 시 코드를 실행하는 방법은 무엇입니까?

브라우저 창 닫기 또는 페이지 새로 고침 시 코드 실행

종종 사용자가 브라우저 창을 닫거나 페이지를 새로 고칠 때 특정 작업을 수행하는 것이 바람직할 때가 있습니다. 웹 페이지를 새로 고칩니다. 다행히도 이러한 요구 사항을 해결하는 데 사용할 수 있는 두 가지 이벤트 핸들러인 window.onbeforeunload 및 window.onunload가 있습니다.

window.onbeforeunload

onbeforeunload 이벤트는 사용자가 트리거될 때 트리거됩니다. 페이지에서 나가려고 합니다. 일반적으로 사용자에게 선택 사항을 확인하도록 요청하는 확인 상자를 표시하거나 저장되지 않은 데이터가 있는 경우 페이지를 떠나지 못하도록 하는 데 사용됩니다. 그러나 문자열을 반환하지 않거나 event.returnValue를 설정하면 브라우저에 메시지가 표시되지 않도록 하고 코드를 자동으로 실행할 수 있습니다.

window.onunload

onunload 이벤트는 브라우저에서 페이지가 언로드될 때 시작됩니다. 이는 일반적으로 느린 이벤트 리스너를 제거하거나 데이터베이스 연결을 닫는 등의 정리 작업을 수행하는 데 사용됩니다.

구현

onbeforeunload 및 onunload는 모두 창 속성에 할당할 수 있거나 .addEventListener 메소드를 사용합니다. 예는 다음과 같습니다.

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

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

참고:

iframe의 경우 상위 항목이 iframe을 삭제할 때 onbeforeunload 이벤트가 트리거되지 않지만 언로드 및 페이지 숨기기 이벤트가 수행됩니다. 그러나 현재 Firefox에는 iframe 삭제 사례에 대해 이러한 이벤트가 실행되지 않도록 하는 버그가 있어 Firefox에서 iframe이 제거되기 직전에 코드를 실행할 수 없게 됩니다.

위 내용은 브라우저 창 닫기 또는 페이지 새로 고침 시 코드를 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!