자바스크립트에서 창 닫기 이벤트를 캡처하는 방법-JS 튜토리얼-php.cn

자바스크립트에서 창 닫기 이벤트를 캡처하는 방법

coldplay.xixi

풀어 주다： 2023-01-05 16:13:15

원래의

4104명이 탐색했습니다.

JavaScript로 창 닫기 이벤트를 캡처하는 방법: 1. JavaScript를 사용하여 [window.onbeforeunload()] 이벤트를 재정의합니다. 2. onUnload 이벤트를 body 태그에 추가합니다.

자바스크립트에서 창 닫기 이벤트를 캡처하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

Javascript에서 창 닫기 이벤트를 캡처하는 방법:

1. javascript를 사용하여 window.onbeforeunload() 이벤트를 재정의합니다.

Javascript에서 함수를 정의하기만 하면 됩니다.

function window.onbeforeunload() { 경고( " 창 닫기")} 창을 닫기 전에

alert() 이벤트가 실행됩니다. 또한 창을 닫을지 여부를 사용자가 결정하도록 할 수도 있습니다.

function window.onbeforeunload() { 
if (event.clientX>document.body.clientWidth && event.clientY<0 ||event.altKey) 
window.event.returnValue="确定要退出本页吗？"; 
}

로그인 후 복사

2. onUnload 메서드를 사용하여

onUnload 이벤트를 body 태그에

body onUnload="myClose()"

로그인 후 복사

그런 다음 javascript에서 myClose() 메소드를 정의하세요

하지만 onUnload 메소드는 창을 닫기 전이 아닌 창을 닫은 후에 실행됩니다. 첫 번째 방법을 사용하세요

위의 두 가지 방법이 필요합니다. 창을 성공적으로 닫으려면 해당 창이 독립적인 새 창이어야 하며, 상위 창을 기반으로 하는 경우에는 닫힐 수 없습니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导出数据</title>
<script type="text/javascript">
if(top.location != self.location )
{
top.location = self.location;
}
 
var time = 5; //时间,秒
function Redirect() {
    //window.location = "http://www.cssue.com/";
    window.opener=null;
window.open(&#39;&#39;,&#39;_self&#39;);
window.close();
}
var i = 0;
function dis() {
if( i > time )
{
Redirect();
}
    document.all.t.innerHTML = "还剩<span style=&#39;color:red&#39;>" + (time - i) + "</span>秒，本页面将自动关闭";
    i++;
}
timer = setInterval(&#39;dis()&#39;, 1000); //显示时间
timer = setTimeout(&#39;Redirect()&#39;, time * 1000); //跳转
 
</script>
</head>
<body >
<div style="text-align:center;margin-top:5%">
<h1>
<div id="s">Sorry ！ 您输入的信息在服务器中无法找到</div>
<div id="t"></div>
</h1>
</div>
</body>
</html>

로그인 후 복사