Heim > Web-Frontend > js-Tutorial > So erfassen Sie ein Fensterschließereignis in Javascript

So erfassen Sie ein Fensterschließereignis in Javascript

coldplay.xixi
Freigeben: 2023-01-05 16:13:15
Original
4301 Leute haben es durchsucht

So erfassen Sie das Fensterschließereignis mit JavaScript: 1. Definieren Sie das Ereignis [window.onbeforeunload()] mit JavaScript neu. 2. Fügen Sie das Ereignis onUnload zum Body-Tag hinzu.

So erfassen Sie ein Fensterschließereignis in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So erfassen Sie das Fensterschließereignis in Javascript:

1. Verwenden Sie Javascript, um das window.onbeforeunload()-Ereignis neu zu definieren

Definieren Sie einfach eine Funktion in Javascript

Funktion window.onbeforeunload() { Alert( „Fenster schließen“)} Das

alert()-Ereignis wird vor dem Schließen des Fensters ausgeführt. Sie können den Benutzer auch entscheiden lassen, ob das Fenster geschlossen werden soll

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

2. Verwenden Sie die onUnload-Methode

onUnload-Ereignis zum Body-Tag

body onUnload="myClose()"
Nach dem Login kopieren

Dann definieren Sie die myClose()-Methode in Javascript

Aber die onUnload-Methode wird nach dem Schließen des Fensters ausgeführt, nicht vor dem Schließen des Fensters. Wenn Sie vor dem Schließen des Fensters ein Urteil fällen möchten, wenden Sie sich bitte an uns Verwenden Sie die erste Methode

Die beiden oben genannten Methoden sind erforderlich. Um ein Fenster erfolgreich zu schließen, muss das Fenster ein unabhängiges neues Fenster sein. Wenn es auf einem übergeordneten Fenster basiert, kann es nicht geschlossen werden.

<!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>
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo erfassen Sie ein Fensterschließereignis in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage