我可以自定义BeforeUnload弹窗吗？

BeforeUnload 弹出窗口中的自定义消息：浏览器兼容性传奇

问题：

你可以吗在 beforeunload 弹出窗口中显示自定义消息，以及如何实现它？

答案：

Tl;dr:大多数现代浏览器不再支持自定义消息。

历史和兼容性：

在过去，可以使用确认、警报或 event.returnValue 等方法显示自定义消息。不过，出于安全原因，这些方法已被禁用。

当前状态：

目前，大多数主流浏览器，包括 Chrome、Opera、Firefox 和 Safari，都没有允许在 beforeunload 弹出窗口中显示自定义消息。

旧版本的解决方法浏览器：

如果您仍需要支持较旧的浏览器，您可以使用以下浏览器方法：

• jQuery：

$(window).bind("beforeunload",function(event) {
    return "You have some unsaved changes";
});

• Javascript：

window.onbeforeunload = function() {
    return "Leaving this page will reset the wizard";
};

重要注意：

确认或警报不能在 beforeunload 事件处理程序中使用。

注意事项：

• 并非所有浏览器都支持卸载消息之前。
• Firefox 在消息之前需要一些用户交互出现。
• 浏览器可以向自定义消息添加其他文本。

浏览器支持和删除历史记录：

• Chrome 已删除在版本 51 中支持自定义消息。
• Opera 删除了版本中对自定义消息的支持38.
• Firefox 在 44.0 版本中删除了对自定义消息的支持。
• Safari 在 9.1 版本中删除了对自定义消息的支持。

以上是我可以自定义BeforeUnload弹窗吗？的详细内容。更多信息请关注PHP中文网其他相关文章！