如何用自定义代码替换 window.onbeforeunload？

Question

出于可访问性的原因，对于我的 Chrome 扩展程序，我需要能够将所有标准的window.onbeforeunload 弹出窗口替换为页内 HTML 替代品。我知道如何创建一个替代骨架，这很简单。

我知道这里的基本思想是window.onbeforeunload = {my substitute code}。

我不知道该怎么做是从页面发出的每个确认窗口中获取文本和代码，并将其引导到我的替代品中，以便显示与原始弹出窗口中相同的消息并单击我的替代 confirm 和 leave page（或其他）按钮产生与原始弹出窗口相同的结果。

如何做到这一点？

---

示例：

你安装了我的扩展（不要问它的目的是什么，无关紧要）。

您开始在 StackOverflow 上写一个问题，然后意识到您已经知道答案并关闭标签。

通常会出现一个确认窗口，询问您是否确定要离开该页面。

但是由于我的扩展，整个页面的 HTML 被向下推了一下，以便为临时 HTML 确认框腾出空间，显示相同的文本和相同的两个按钮，单击时会产生相同的两个结果，所有页内。没有弹出窗口。

Answer 1

您所说的功能是window.onbeforeunload 事件，不幸的是，唯一可以自定义的方法是为用户提供自定义字符串消息，因为滥用的可能性非常高。

Internet Explorer 在 msdn 上的 api 参考说明：

出现在对话框中的默认语句“Are you sure 你想离开这个页面吗？ ... 按 OK 继续，或 取消以留在当前页面。”，无法删除或更改。

我认为这意味着 对话框 本身无法更改，您所能做的就是提供额外的特定于上下文的消息。我找不到 Chrome 的相同参考资料，但那里似乎是同一个故事。

window.onbeforeunload = function() {
    //all you can do is provide a message..
    return "you have unsaved changes, if you leave they will be lost";
}