是否可以在卸载前弹出窗口中显示自定义消息？

Question

使用window.onbeforeunload（或$(window).on("beforeunload")）时，是否可以在该弹出窗口中显示自定义消息？< /p>

也许是一个适用于主要浏览器的小技巧？

通过查看现有的答案，我觉得过去使用诸如 confirm 或 alert 或 event.returnValue 之类的东西是可能的，但现在看来他们不再工作了。

那么，如何在 beforeunload 弹出窗口中显示自定义消息？这甚至/仍然可能吗？

Answer 1

不再是了。所有主要浏览器都开始忽略实际消息并只显示自己的消息。

正确。 很久以前，您可以使用confirm或alert，最近您可以从onbeforeunload返回一个字符串处理程序并且该字符串将被显示。现在，字符串的内容将被忽略，并将其视为标志。

当使用 jQuery 的 on 时，您确实必须在原始事件上使用 returnValue：

$(window).on("beforeunload", function(e) {
    // Your message won't get displayed by modern browsers; the browser's built-in
    // one will be instead. But for older browsers, best to include an actual
    // message instead of just "x" or similar.
    return e.originalEvent.returnValue = "Your message here";
});

或者老式的方式：

window.onbeforeunload = function() {
    return "Your message here"; // Probably won't be shown, see note above
};

这就是你所能做的。

Answer 2

tl;dr - 在大多数现代浏览器中您无法再设置自定义消息

为了在用户关闭窗口之前设置确认消息，您可以使用

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

以下是使用我有权访问的浏览器的结果：

Chrome：

火狐浏览器：

Safari：

IE：

有关浏览器支持和删除自定义消息的更多信息：

1. Chrome 在版本 51 中删除了对自定义消息的支持
2. Opera 在版本 38 中删除了对自定义消息的支持
3. Firefox 在 44.0 版本中删除了对自定义消息的支持（仍在寻找此信息的来源）
4. Safari 在版本 9.1 中删除了对自定义消息的支持