zoukankan      html  css  js  c++  java
  • onbeforeunload与a标签在IE中的冲突bug(转载)

    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:

    [javascript] view plaincopy
    1. var a=1;  
    2. window.onbeforeunload=function()  
    3. {  
    4.     if(a)alert("onbeforeunload事件爆发了!");  
    5. }  


     

    只要我们在onclick事件加上一个a=0;就可以了~

    实例

    此处使用了window.onbeforeunload对onclick、onbeforeunload和href进行的测试,请在IE下进行测试:

    转帖于:http://js8.in/558.html#

  • 相关阅读:
    沙盒配置好的测试
    云端存储的实现:云存储1
    演职人员名单MobileMenuList
    关于GitHub的朋友的NE Game
    到了冲刺阶段
    云存储的配置3
    刚才花了1$赞助了那位伙计
    我知道这对自己是个积累的过程,很好,我成长的很快
    煎熬过后终于有一刻释怀
    空白不曾停止。。。
  • 原文地址:https://www.cnblogs.com/lichuntian/p/4097930.html
Copyright © 2011-2022 走看看