IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题


Posted in Javascript onAugust 21, 2015

本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题;分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文。

var resizeTimer = null;
$(window).resize(function() {
 if (resizeTimer) clearTimeout(resizeTimer);
 resizeTimer = setTimeout("alert('mm')", 500);
});

还有一个通过判断变量的奇偶来解决(感觉这方法还行)

代码如下:

var n=0;
$(window).resize(function(){
 if(n%2==0){
  alert("mm");
 }
 n++;
});

无论是jquery封装的还是js原生的都会产生此bug

IE6/IE7/IE8 JQuery下resize事件执行多次的解决方法

在使用jQuery的resize事件时发现每次改变浏览器的窗口大小时resize时间会执行两次,百度搜索了一下找到一个解决的方法,

使用setTimeout来解决这个问题代码如下:

var resizeTimer = null;
$(window).resize(function() {
 if (resizeTimer) clearTimeout(resizeTimer);
 resizeTimer = setTimeout("alert('mm')", 500);
});

还有一个通过判断变量的奇偶来解决(感觉这方法还行),代码如下:

var n=0;
$(window).resize(function(){
 if(n%2==0){
  alert("mm");
 }
 n++;
});

以上就是本文针对IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题,希望对大家有所帮助。

Javascript 相关文章推荐
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
使用jQuery UI库开发Web界面的简单入门指引
Apr 22 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 #Javascript
jquery结婚电子请柬特效源码分享
Aug 21 #Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 #Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
Aug 21 #Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 #Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 #Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 #Javascript
You might like
PHPMailer发送邮件
2016/12/28 PHP
PHP 文件锁与进程锁的使用示例
2017/08/07 PHP
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
给jQuery方法添加回调函数一款插件的应用
2013/01/21 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
JS对象转换为Jquery对象示例
2014/01/26 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
2016/04/01 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
2017/04/28 jQuery
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
Pytorch十九种损失函数的使用详解
2020/04/29 Python
Python QTimer实现多线程及QSS应用过程解析
2020/07/11 Python
python switch 实现多分支选择功能
2020/12/21 Python
css3实现简单的白云飘动背景特效
2020/10/28 HTML / CSS
办公室文秘岗位职责
2013/11/15 职场文书
幼儿园大班毕业感言
2014/02/06 职场文书
正风肃纪剖析材料
2014/02/18 职场文书
公务员检讨书
2014/11/01 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
2015年保险公司个人工作总结
2015/05/22 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
创业计划书之花店
2019/09/20 职场文书
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js