jQuery 以编程方式触发 beforeunload 事件

Question

我正在尝试使用 jQuery 调用浏览器的 onbeforeupload 事件，如下所示：-

<script type="text/javascript">

$(document).ready(function (){
    $(window).trigger('beforeunload');
})

</script>

它不显示浏览器的默认 onunload 事件确认框，这意味着 beforeunload 事件不会被触发。

如何触发 beforeunload 事件？

Answer 1

为什么您认为显示确认对话框是默认行为？

API说：

当此事件返回非空值时，系统会提示用户确认页面卸载。 在大多数浏览器中，事件的返回值显示在此对话框中。 在 Firefox 4 及更高版本中，返回的字符串不会显示给用户。 相反，Firefox 会显示字符串“此页面要求您确认是否要离开 - 您输入的数据可能不会被保存。” 请参阅错误 588292。

自 2011 年 5 月 25 日起，HTML5 规范规定在此事件期间可以忽略对 window.alert()、window.confirm() 和 window.prompt() 方法的调用。 有关更多详细信息，请参阅 HTML5 规范。

另请注意，各种移动浏览器会忽略事件的结果（即，它们不要求用户确认）。 Firefox 在 about:config 中有一个隐藏的偏好来做同样的事情。 本质上，这意味着用户总是确认可以卸载文档。

您可以并且应该通过 window.addEventListener() 和 beforeunload 事件处理此事件。 那里提供了更多文档。

因此，您需要事先为事件添加一个处理程序：

$(window).on('beforeunload', function(){
   ...
});

其他方法：

• 是否可以以编程方式触发 onbeforeunload 事件？
• Javascript：以编程方式触发 onbeforeunload/onunload 事件