Question

此代码在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>

如何让unload事件在Chrome中运行？

谢谢！

解答：不要使用警报测试卸载事件;）

Answer 1

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会在alert事件中屏蔽onunload。

Answer 2

尝试：

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

或

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

Answer 3

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

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

Answer 4

从我看过的内容来看，Chrome触发事件后会阻止警报。但是，您可以运行某些功能，而不是与用户交互的任何功能。

从window.onbeforeunload in Chrome: what is the most recent fix?开始，如果您要做的只是弹出一条确认消息，您必须通过返回一个字符串来执行此操作，该字符串包含您设置为回调函数的消息。

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

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

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

4 个答案: