`

IE6下 onresize()函数 会死循环 页面会卡死的问题

 
阅读更多
   
 /**  resizeWin是你自己要执行的函数。
         * IE下 window.onresize 有bug 可以使用debounce封装监听函数
         * see http://blog.csdn.net/fudesign2008/article/details/7035537
         * @author FuDesign2008@163.com
         * @date   2011-11-30
         * @time   下午04:02:55
         */

        /**
         *
         * @param {Function} callback 回调函数
         * @param {Integer} delay   延迟时间,单位为毫秒(ms),默认150
         * @param {Object} context  上下文,即this关键字指向的对象,默认为null
         * @return {Function}
         */
        function debounce(callback, delay, context) {
            if (typeof(callback) !== "function") {
                return false;
            }
            delay = delay || 150;
            context = context || null;
            var timeout;
            var runIt = function () {
                callback.apply(context);
            };
            return (function () {
                window.clearTimeout(timeout);
                timeout = window.setTimeout(runIt, delay);
            });
        }
        var winResizeHandler = function (event) {
            console.log("window resized");
        };

        window.onresize = debounce(resizeWin, 300);

 

分享到:
评论

相关推荐

    IE下[removed] 多次调用与死循环bug处理方法介绍

    [removed] 在IE浏览器下有多次被执行甚至死循环的bug,会导致浏览器卡死 解决方案: 代码如下:// IE浏览器下将onresize事件放在div上if(navigator.userAgent && navigator.userAgent.toLowerCase().indexOf(“msie”...

    [JavaScript]解决页面onresize缩放时多次调用的问题.doc

    [JavaScript]解决页面onresize缩放时多次调用的问题

    div.onresize无效解决方案

    火狐下resize无效解决方案,解决火狐下资源resize事件无效问题方法

    浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

    方法一:在标签上加入 onLoad=”” onResize=”” 方法 写上对应的方法即可方法二:[removed]=function(){///…..} 在方法里面写上对应的代码即可着两种方法基本都可以解决你的问题了 代码如下: [removed]=...

    javascript 蛋糕商城 静态页面

    javascript 蛋糕商城 静态页面 1. 购物车 (1) 商品数量增加减少。会对应修改该商品的价格(单价*数量) (2) 选择商品会修改订单总金额。选择的商品价格相加 (3) 删除时会寻找该商品的节点进行删除 (4) 点击多选会...

    JS固定表头和左边列V2.0(源码)

    1.1 修正了对IE6、IE7的兼容问题 1.2 修正了固定行、列的样式问题 1.3 IE6/IE7浏览器 不启用该功能 1.4 增加了拆分线, 修正了重复生成锁定行列的问题以及生成错位的问题, 修正了行、列事件无法复制的问题, ...

    浅谈javascript属性onresize

    主要介绍了浅谈javascript属性onresize的详细使用方法,十分的实用,这里推荐给大家,有需要的小伙伴可以参考下。

    浅谈JavaScript函数节流

    尤其在IE中使用onresize事件处理程序的时候容易发生,当调整浏览器大小的时候,该事件连续触发。在 onresize事件处理程序内部如果尝试进行DOM操作,其高频率的更改可能会让浏览器崩溃。  函数节流背后的基本思想是...

    js动态添加onload、onresize、onscroll事件(另类方法)

    但这有个问题,就是想再为 onload 增加新的事件处理程序时,不能直接为 [removed] 赋值了,否则前面的赋值就会被覆盖了。 可这样做: 代码如下: var oldLoadHandler = [removed]; [removed] = fun

    JavaScript详解(第2版)

     13.3.3 onResize事件处理函数   13.4 鼠标事件处理   13.4.1 怎样使用鼠标事件   13.4.2 鼠标事件和图像——翻转   13.4.3 通过鼠标事件创建幻灯片   13.5 处理链接事件   13.6 处理表单事件 ...

    利用onresize使得div可以随着屏幕大小而自适应的代码

    javascript 利用onresize使得div可以随着屏幕大小而自适应的代码

    原生HTML+CSS+ JS服装商城前台

    (2) 在页面小于630px时会显示汉堡包菜单。监听按下时显示菜单。 5. 登入注册 (1) 在按下登入(注册)按钮时会通过正则判断输入的格式是否正确,不正确则会提示对应错误。 6. 提示框 (1) 自定义提示框函数 (2) 在body...

    vue实现手机号码的校验实例代码(防抖函数的应用场景)

    上一篇博文我们讲到了节流函数的应用场景,我们知道了节流函数可以用在模糊查询、scroller、onresize等场景;今天这篇我们来讲防抖函数的应用场景:: 通过上一篇博文的学习,我们知道了防抖函数的原理:只有在事件...

    关于JS和html代码的执行先后问题

    NULL 博文链接:https://747017186.iteye.com/blog/1977133

    [removed] 多次触发的解决方法

    之前做一个扩展,需要在改变窗口大小的时候保证页面显示正常,于是用了 [removed] 但是发现每次 onresize 后页面中状态总是不对,后来查找出来原来是 onresize 事件触发了多次找成的,于是网上搜集了下解决办法,...

    vue实现输入框的模糊查询的示例代码(节流函数的应用场景)

    首先,我们来理解一下:节流函数首先是节流,就是节约流量、内存的损耗,旨在提升性能,在高频率频发的事件中才会用到,比如:onresize,onmousemove,onscroll,oninput等事件中会用到节流函数; 输入框的模糊查询...

    【JavaScript源代码】vue使用echarts图表自适应的几种解决方案.docx

    echarts.init(document.getElementById(dom)) window.onresize = function () { myChat.resize() } 优点:可以根据窗口大小实现自适应 缺点: 多个图表自适应写法比较麻烦(当一个页面的图表太多时,这样写法...

    JavaScript基础教程第8版

    6.5 标识有问题的字段 111 6.6 准备进行表单验证 113 6.7 处理单选按钮 117 6.8 用一个字段设置另一个字段 119 6.9 检验Zip编码 122 6.10 验证电子邮件地址 126 第7章 表单和正则表达式 131 7.1 用...

Global site tag (gtag.js) - Google Analytics