zoukankan      html  css  js  c++  java
  • IE下window.onresize被多次执行的解决

    页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,并且其具体执行的次数在不同的电脑有不同的值,相当诡异,Firefox等其他浏览器则无此现象,故可认定此为IE浏览器的bug。看看代码:
     
    <html>
    <head>
    <script type="text/javascript">
          function resizeFunc(){
             alert(Math.random());
          }
       </script>
    </head>
    <body>
        <div>Text...</div>
        <script type="text/javascript">
            window.attachEvent("onresize",resizeFunc); //方法一
            //window.onresize = resizeFunc;     //方法二,支持ff
        </script>
    </body>
    </html>
     
    当拉伸或缩小窗口时,可以看到 alert 被执行了数次。
    这个bug其实在几个月前就发现了,当时进度逼得紧,没有时间做详细研究,况且此bug比较隐蔽,几乎不会带来任何异常,无非是多运行了几遍函数,浪费点客户的资源又不被觉察......
     
    ok,来看看我暂时想到的解决方案:
     
    <html>
    <head>
    <script type="text/javascript">
          function resizeFunc(){
             alert(Math.random());
          }
       </script>
    </head>
    <body>
    <div id="box" style="100%">
        <div>Text...</div>
    </div>
        <script type="text/javascript">
             var Container = document.getElementById("box");
            Container.attachEvent("onresize",resizeFunc); //方法一
            //Container.onresize = resizeFunc;     //方法二,支持ff
        </script>
    </body>
    </html>
  • 相关阅读:
    mobx的一个记录
    前端模块规范AMD/UMD/CommonJs
    CSS3字体大小单位的认识px/em/rem
    各浏览器之间的字号检测
    react整理一二(初入React世界)
    Node.js中实现套接字服务
    闲来无事,把node又拾起来看看
    判断类型
    html5 搜索框
    CSS 设置placeholder属性
  • 原文地址:https://www.cnblogs.com/fumj/p/2917294.html
Copyright © 2011-2022 走看看