javascript - 页面关闭前提醒 : How to change the Chrome's default message?

Question

我正在使用以下代码片段在页面关闭前触发警报，但 Chrome 似乎忽略了该消息并显示其默认消息“你想离开这个网站吗？你所做的更改可能不会保存”。如何让 chrome 显示我的消息而不是默认消息？

window.onbeforeunload = function(e) {
    e.returnValue = "A search is in progress, do you really want to stop the search and close the tab?";
    return "A search is in progress, do you really want to stop the search and close the tab?";
}

Answer 1

我最近才意识到 Chrome 更改了 onbeforeunload 的行为。我找到了适用于主要浏览器的解决方法(在 Chrome、Firefox 和 IE 中测试过，jsFiddle 由于某种原因在 Firefox 中不起作用，但我的网站可以)。使用 jQuery UI，您可以在离开页面时弹出一个对话框窗口，提供有关为什么离开当前页面会出现问题的更多信息。

window.onbeforeunload = function (e) {
    $('<div title="Warning!">A search is in progress, do you really want to stop the search and close the tab? If not, choose "Stay on page" on the browser alert.</div>').dialog({
        modal:true,
        close: function(){$(this).dialog('destroy').remove();}
    });
    return "Random message to trigger the browser's native alert.";
}

jsFiddle here