是否可以以编程方式触发 onbeforeunload 事件?

2022-01-11 00:00:00 jquery jquery-plugins javascript dom-events

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

I'm currently using the jquery-form-observe plugin which uses onbeforeunload to prompt the user about "unsaved" changes.

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

But I have a scenario where I need to trigger this on a button click: the button click ultimately leads to the page changing, but I want to prompt the user before they start the process that the button click kicks off...

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

So is there a way to trigger onbeforeunload through jQuery or otherwise?

推荐答案

我不知道是否有直接的方法可以做到这一点，但你总是可以自己模拟浏览器的确认框.这是我根据 规范在MSDN:

I don't know if there is a direct way to do this, but you could always emulate the browser's confirmation box yourself. Here's a simple function I cooked up based on the 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?

' + event.returnValue + '

Press 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) { ... }的定义之后，添加这一行:

In jquery.formobserver.js, right after the definition of function beforeunload(e) { ... }, add this line:

handler = beforeunload;

注意原代码的变化:window.onbeforeunload已经被handler代替了.

Note the change in the original code: window.onbeforeunload has been replaced by handler.

相关文章