onbeforeunload與a標籤在IE中的衝突bug

文章目錄

• a標籤觸發事件的順序
• 怎麼阻止onbeforeunload
• 繞過onbeforeunload直接href
• 執行個體

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下進行測試：

 

轉帖於：http://js8.in/558.html#