창 닫기 또는 페이지 새로 고침 시 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를 설정하면 확인 대화 상자가 표시되지 않도록 할 수 있습니다.
추가 고려 사항:
위 내용은 브라우저 창이 닫히거나 새로 고쳐질 때 JavaScript 코드를 어떻게 실행합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!