Heim >Web-Frontend >js-Tutorial >So erfassen Sie ein Fensterschließereignis in Javascript
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.
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="确定要退出本页吗?"; }
2. Verwenden Sie die onUnload-Methode
onUnload-Ereignis zum Body-Tag
body onUnload="myClose()"
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('','_self'); window.close(); } var i = 0; function dis() { if( i > time ) { Redirect(); } document.all.t.innerHTML = "还剩<span style='color:red'>" + (time - i) + "</span>秒,本页面将自动关闭"; i++; } timer = setInterval('dis()', 1000); //显示时间 timer = setTimeout('Redirect()', 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>
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!