ie9下触发onbeforeunload的问题

最新推荐文章于 2022-11-14 16:01:23 发布

飞天代码

最新推荐文章于 2022-11-14 16:01:23 发布

阅读量466

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weiyongliang_813/article/details/80142449

版权

javascript 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

最近处理了各种奇葩问题，其中有个就是ie8、ie9下触发了window.onbeforeunload事件导致界面老是提醒是否需要离开当前界面的提醒。

  <head>  
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />  

      <script type="text/javascript">  
        $(window).on('beforeunload', function() {
            beforeLogoutcLoseWin();
        })
        $(window).on('unload', function() {
            logoutcLoseWin();
        })       
        </script>  
 </head>

点a标签时事件调用顺序：onclick->window.onbeforeunload->href

 在IE中点击A标签会触发window.onbeforeunload事件，这有时会给我们带来麻烦。

1、3个#号可以防止锚点，
2、根据事件顺序οnclick=”return false;”不执行window.onbeforeunload->href两个事件。

测试1、测试2、测试3 都不会触发window.onbeforeunload事件。  

<a href="javascript:void(0);">测试0</a>  
<a onclick="return true;" href="#">测试1</a>  
<a onclick="return true;" href="###">测试2</a>  
<a onclick="testMothed();return false;" href="javascript:alert(22)">测试3</a>  
<a onclick="testMothed();" href="javascript:alert(22)">测试4</a>