window.onbeforeunload不会立刻

Question

触发我用一个jQuery肮脏的形式在我的web应用程序插件是这样的：

$(document).ready(function(){ 
$('form.checkUnsavedData').dirtyForms();   
}); 

$(window).on('beforeunload', function(){  
    if($.DirtyForms.isDirty()){    
     return($.DirtyForms.message);        
    }   
}); 

但首先点击任何链接不会触发onb​​eforeunload事件。只有下次点击才会触发它。这个问题存在于不同的浏览器中（谷歌浏览器，firefox，IE10）。怎么了？

Answer 1

我相信你将需要添加onBeforeUnload API因为它在drupal Download & extend说，否则你应该尽量不要绑定beforeunload通过jQuery和与正常人一样的JavaScript做到这一点：window.beforeunload = function(){/*code*/};。最后检查一下你使用的jQuery版本，浏览器以及它们如何处理这个事件。退房Catching the Javascript beforeunload event, the cross-browser way这有点过时，但它可以帮助你。

Answer 2

这是怎么回事？

脏表单自动附加到beforeunload事件。你正在这样做再次。这可能会导致您的问题行为。你应该改变你的代码...

$(document).ready(function(){ 
    $('form.checkUnsavedData').dirtyForms();   
});