我无法在 Chrome 中触发卸载事件



此代码在Firefox上运行良好,但我无法再在Chrome上运行卸载事件。Chrome是否停止支持卸载事件?

这是我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
    function pageHidden(evt) { alert("Are you sure 1?"); } //WORKS ON FIREFOX BUT NOT IN CHROME
    window.addEventListener("pagehide", pageHidden, false);
    window.onunload = function () { alert("Are you sure 2?"); } //TRIGGERS ON LOAD NOT ON UNLOAD
    $(window).unload(function () { //WORKS ON FIREFOX BUT NOT IN CHROME
        alert("Are you sure 3?");
    });
</script>
</head>
<body>
TEST WEBSITE
<a href="http://www.iamawesome.com">external link</a>
</body> 
</html>

如何使卸载事件在Chrome中工作?

谢谢!


答案:不要使用警报测试卸载事件;)

window.onunload = alert("Are you sure 2?");

这是不正确的。您将onunload设置为alert的结果,需要将其设置为一个函数:

window.onunload = function(){
    alert("Are you sure?");
}

如果您想使用jQuery,这将适用于所有浏览器。

$(window).unload(function () {
     alert("Are you sure?");
});

注意:它可能看起来在Chrome中不起作用,但确实如此。这是因为Chrome在onunload事件中阻止了alert

尝试:

window.onbeforeunload = function () {
    // code
};

window.onpagehide = function () {
    // code
};

据我所知,一旦触发该事件,Chrome似乎会阻止警报。然而,您可以运行一些函数,但似乎不能运行任何与用户交互的函数。

从Chrome中的window.onbeforeunload:最新的修复程序是什么?,似乎,如果你只想弹出一条确认消息,那么你必须返回一个字符串,其中包含你设置为回调函数的消息。

window.onbeforeunload = function() {
    // Some wrap up code (no alerts, confirms, redirects, etc)
    return 'My confirmation messsage'; 
}

然后,文本"我的确认消息"将显示在Chrome选择的确认对话框中。Firefox在这里记录了这种行为。

您不触发任何东西,只需执行要添加为处理程序的表达式:

window.onunload = function(event) {
    alert("Are you sure 2?");
};

最新更新