11

这段代码在 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 中工作？

谢谢！

答案：不要使用警报测试卸载事件；）

4

4 回答 4

13 
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 中不起作用，但确实如此。那是因为 Chromealert在onunload事件中阻止了 s。

于 2012-08-29T16:45:27.967 回答
2

尝试：

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

或者

window.onpagehide = function () {
    // code
};
于 2012-08-29T16:39:07.797 回答
1

根据我的阅读，一旦触发该事件，Chrome 似乎会阻止警报。但是，您可以运行一些功能，但不能运行任何与用户交互的东西。

来自Chrome 中的 window.onbeforeunload：最近的修复是什么？，看来，如果您只想弹出一条确认消息，则必须通过从您设置为回调的函数中返回带有消息的字符串来做到这一点。

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

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

于 2013-10-21T18:19:52.367 回答
0

您不会触发任何事情 - 您只需执行要添加为处理程序的表达式：

window.onunload = function(event) {
    alert("Are you sure 2?");
};
于 2012-08-29T16:42:42.443 回答