IE6下 onresize（）函数会死循环页面会卡死的问题

最新推荐文章于 2021-06-03 02:33:51 发布

原创最新推荐文章于 2021-06-03 02:33:51 发布 · 217 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在Internet Explorer浏览器中解决window.onresize事件监听问题的方法。通过使用debounce函数来避免因事件触发过于频繁而导致的问题，实现了对窗口大小变化的有效响应。

   
 /**  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);