javascript - 是否可以通过编程方式触发 onbeforeunload 事件？

Question

我目前正在使用 jquery-form-observe使用 onbeforeunload 提示用户有关“未保存”更改的插件。

但我有一个场景，我需要在单击按钮时触发它:按钮单击最终导致页面更改，但我想在用户开始按钮单击开始的过程之前提示用户...

那么有没有办法通过jQuery或者其他方式触发onb​​eforeunload呢？

Answer 1

我不知道是否有直接的方法来执行此操作，但您始终可以自己模拟浏览器的确认框。这是我根据 specs at MSDN 编写的一个简单函数:

function triggerBeforeUnload() {
  var event = {};
  handler(event);

  if (typeof event.returnValue == 'undefined' ||
      confirm('Are you sure you want to navigate away from this page?\n\n' + event.returnValue + '\n\nPress OK to continue, or Cancel to stay on the current page.')) {
    // Continue with page unload
  } else {
    // Cancel page unload
  }
}

编辑:在 jquery.formobserver.js 中，紧跟在 function beforeunload(e) { ... } 的定义之后，添加这一行:

handler = beforeunload;

请注意原始代码中的更改:window.onbeforeunload 已被替换为 handler。