IE下双击checkbox反应延迟问题的解决方法


Posted in Javascript onMarch 27, 2014
<span style="font-size:18px;"><input type='checkbox'/></span>

上面这段代码在IE下会生成一个多选框,单击它会选中打勾,再次单击则会取消打勾。

这样看上去并没有什么不妥的地方,但是如果你尝试快速两次单击(比双击稍微慢一点吧。。)这个按钮,可能效果并不如你想象的那样。

在IE下面,假如此时checkbox为选中状态,在你快速两次单击的过程中,第一次单击会使得checkbox取消选中,第二次单击完之后checkbox并不会变为已选中,而是继续保持取消选中状态。

在Chrome等浏览器下,第一次单击会使得checkbox取消选中,在第二次单击之后checkbox会还原为已选中的状态。

所以在IE下,双击后,checkbox会变为相反的状态。在非IE下,双击后checkbox为相同的状态。

如果想在IE下双击checkbox会达到非IE下的效果,则需使用如下代码:

<input type='checkbox'/> 
$("input[type='checkbox']").attr('ondblclick', 'this.click()');
Javascript 相关文章推荐
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 Javascript
js实现带有介绍的Select列表菜单实例
Aug 18 Javascript
JavaScript实现身份证验证代码
Feb 17 Javascript
JavaScript的设计模式经典之建造者模式
Feb 24 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
微信小程序实现底部导航
Nov 05 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 #Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 #Javascript
js无刷新操作table的行和列
Mar 27 #Javascript
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 #Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 #Javascript
JS嵌套函数调用上下文的问题解决
Mar 26 #Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 #Javascript
You might like
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
php eval函数用法总结
2012/10/31 PHP
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
PHP mkdir()无写权限的问题解决方法
2014/06/19 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
js 表单验证方法(实用)
2009/04/28 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
react native仿微信PopupWindow效果的实例代码
2017/08/07 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
[49:27]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第一场
2018/04/05 DOTA
Python中random模块用法实例分析
2015/05/19 Python
Python打包可执行文件的方法详解
2016/09/19 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
初二政治教学反思
2014/01/12 职场文书
一年级数学教学反思
2014/02/01 职场文书
道德模范先进事迹
2014/02/14 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书