javascript - 如何在 beforeunload 显示它自己之前显示模态对话框？

Question

我明白用自定义对话框替换 beforeunload 对话框是不可能的，如果我们需要为用户设置自定义消息，我们必须返回一个字符串我们的 beforeunload 处理程序:

{Custom message here set by returning a string in our beforeunload handler}
Are you sure you want to leave this page?
[Leave this page] [Stay on this page]

那么，在浏览器显示实际的 beforeunload 对话框之前显示自定义模式对话框(可能是 jQuery)怎么样？

我当前的代码使用 Fancybox:

window.onbeforeunload = function() {
    $.fancybox({ 'type':'iframe', 'href':'/PopupOnExit.php' });
    return "Special offer! Stay on this page for more details.";
};

但是，这首先显示浏览器的对话框，只有在单击“停留”或“离开”按钮后，浏览器才会显示我的模态对话框。

有没有办法让我的模态对话框显示在浏览器对话框之前？

Answer 1

只有当您的脚本结束执行时，DOM 修改才会生效。在这种情况下，出于明显的安全原因，首先触发 native 对话框。

请注意，由于这个未指定的功能(请参阅 the MDN doc)引入了许多安全问题，它可能会被删除(我认为最快最好)，拥有它(保存数据)的旧原因是在 ajax 时代已经过时了。