Comment capturer l'événement de fermeture de fenêtre en javascript-js tutoriel-php.cn

Comment capturer l'événement de fermeture de fenêtre en javascript

coldplay.xixi

Libérer： 2023-01-05 16:13:15

original

4278 Les gens l'ont consulté

Comment capturer l'événement de fermeture de fenêtre avec JavaScript : 1. Utilisez JavaScript pour redéfinir l'événement [window.onbeforeunload()] 2. Ajoutez l'événement onUnload à la balise body.

Comment capturer l'événement de fermeture de fenêtre en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3.

Méthode Javascript pour capturer l'événement de fermeture de fenêtre :

1. Utilisez Javascript pour redéfinir l'événement window.onbeforeunload()

Définissez simplement une fonction en javascript

function window.onbeforeunload() { alert("Fermer la fenêtre")}

l'événement alert() sera exécuté avant la fermeture de la fenêtre, vous pouvez également l'utilisateur décide s'il doit fermer la fenêtre

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

Copier après la connexion

2. Utilisez la méthode onUnload

pour ajouter l'événement onUnload à la balise body

body onUnload="myClose()"

Copier après la connexion

puis définir la méthode myClose()

Mais la méthode onUnload est exécutée après la fermeture de la fenêtre, pas avant la fermeture de la fenêtre. Si vous souhaitez porter un jugement avant de fermer la fenêtre, veuillez utiliser la première méthode

<🎜. >les deux ci-dessus Pour que la méthode puisse fermer la fenêtre avec succès, la fenêtre doit être une nouvelle fenêtre indépendante si elle est basée sur une fenêtre parent, elle ne peut pas être fermée ;

<!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>

Copier après la connexion

Recommandations d'apprentissage gratuites associées :