是否可以以编程方式触发onb​​eforeunload事件？ [英] Is it possible to trigger the onbeforeunload event programmatically?

问题描述

我目前正在使用 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?\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 中，在函数的定义之后，在beforeunload（e）{...} 之后，添加这一行：

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

handler = beforeunload;

注意原始代码的变化： window.onbeforeunload 已替换为处理程序。

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

这篇关于是否可以以编程方式触发onb​​eforeunload事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！