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();   
});