javascript - 当用户退出浏览器时显示自定义对话框？

Question

是的，我意识到这是糟糕的 UI 和糟糕的可访问性，但由于契约(Contract)工作(我最初不同意并坚持使用)，我不得不寻找选项。

我知道您可以将事件处理程序分配给 onbeforeunload喜欢:

window.onbeforeunload = function() {
    return 'You have unsaved changes!';
}

这会导致操作系统/浏览器生成无法自定义的对话框。它会要求您取消您的请求或继续。

到目前为止，似乎我可以显示任何定制的唯一方法是插入一个 window.open在该事件处理程序中:

window.onbeforeunload = function() {
     var x = window.open('modal.html');
}

这很可能会被任何现代浏览器作为“弹出窗口”阻止。我必须用我的对话框显示一个全新的页面，但这似乎是满足需求的唯一方法。

这几乎是我唯一的选择吗？除了强行告诉客户不建议这样做外？

唯一的其他选择是依靠用户点击“取消请求”然后插入对话框。

我已经看过的问题:

• jQuery UI Dialog OnBeforeUnload
• How can I override the OnBeforeUnload dialog and replace it with my own?

Answer 1

根据您已经看过的问题，除了传递要由浏览器显示的字符串消息外，您无法自定义该对话框。

window.onbeforeunload - MDC