是否有可能以编程方式触发onb​​eforeunload事件？

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。

Answer 2

您可以用.trigger()方法做到这一点：

$('button').click(function(){ 
    $(window).trigger('beforeunload'); 
}); 

Answer 3

我碰到这个问题，迷迷糊糊，而寻找问题的答案我自己的问题，这是性质相似。所以，我在这里想出了一个解决方法。我只需要在用户点击一个特定按钮而不是其他人时调用“onbeforeunload”。希望这可以解释你的问题。

我在jsfiddle工作。您可以在我设置的演示中对其进行测试，并且可以清楚地看到它仅适用于其中一个按钮。然而，有一个警告，我没有打扰寻找修复。如果你点击按钮并选择留在页面上，那么所有后续的按钮/链接/重定向/重新加载将触发“onbeforeunload”。欢迎您提出自己的解决方案来处理“bug”（因为缺乏更好的条款），以便在用户决定留在页面时不会引起该反应。但是，它正在运行并且执行您在测试环境中要求它执行的操作。

下面的代码：

$(document).ready(function() { 
     $('.testButton').click(function() { 
      window.onbeforeunload = function() { 
       return "Enter your message here..."; 
      } 
     }); 
    }); 

编辑：

因此，研究其他方法可以做到同样的事情后，我所遇到的另一种方式把事件到按钮使用jQuery的。对（） 方法。代码可以看到here，验证旧代码已被注释掉。同样，同样的“错误”与以前一样，但仍然提供了被请求的功能。

这里的选择：

$(document).ready(function() { 
     $('.testButton').on("click", function (event) { 
      window.onbeforeunload = function() { 
       return "Enter your message here..."; 
      } 
     }); 
    });