当前位置: 代码迷 >> Web前端 >> IE6上 onresize()函数 会死循环 页面会卡死的有关问题
  详细解决方案

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

热度:145   发布时间:2013-03-01 18:33:02.0
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);

?