onbeforeunload與a標簽在IE中的沖突bug

onbeforeunload 是window的一個事件，目前Firefox，IE都支持，主要用來提示用戶是否真的要離開該頁面，通常在一些比較重要的數據提交之前，防止用戶誤操作導致數據丟失。典型的應用如gmail中，在寫郵件的時候，如果刷新頁面或者關閉頁面，會出現提示。

但是在IE下點擊一些a標簽時，也會觸發onbeforeunload事件。并且href中寫javascript:void(0)也不行，而在Firefox中不會出現類似的情況。于是查資料對onbeforeunload事件重新認識了一下：

a標簽觸發事件的順序
onclick、onbeforeunload跟href三者之間的先后運行關系是這樣的：onclick > onbeforeunload > href，知道了這個道理，我們就可以通過一些方法阻止onbeforeunload。另外在IE瀏覽器中，假如href為#，那么也不會觸發onbeforeunload事件。

怎么阻止onbeforeunload
在Ajax的同時，給a標簽加上onclick事件，這樣onclick在onbeforeunload之前運行，然后來個return false，就可以啦~

繞過onbeforeunload直接href
結合onclick事件，我們可以繞過onbeforeunload直接href，下面的代碼就可以繞過onbeforeunload而執行href：

var a=1;
window.onbeforeunload=function()
{
if(a)alert("onbeforeunload事件爆發了！");
}
只要我們在onclick事件加上一個a=0;就可以了~

實例
此處使用了window.onbeforeunload對onclick、onbeforeunload和href進行的測試，請在IE下進行測試：

測試# | 測試連接 | 測試Click在onbeforeunload之前 | 測試onbeforeunload在href之前 | 避開onbeforeunload直接href

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈