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 相关文章推荐
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
JS闭包经典实例详解
Dec 20 Javascript
JSON.stringify()方法讲解
Jan 31 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
js实现随机点名程序
Sep 17 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
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
cument.execCommand()用法深入理解
2012/12/04 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
JavaScript实现广告的关闭与显示效果实例
2015/07/02 Javascript
js选择器全面解析
2016/06/27 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
使用Math.max,Math.min获取数组中的最值实例
2017/04/25 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
详解node服务器中打开html文件的两种方法
2017/09/18 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
python通过socket查询whois的方法
2015/07/18 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
python和c语言哪个更适合初学者
2020/06/22 Python
详解Python 函数参数的拆解
2020/09/02 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
印度最大的旅游网站:MakeMyTrip
2016/10/05 全球购物
铭宣海淘转运:美国、日本、英国转运等全球转运公司
2019/09/10 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
毕业实习个人鉴定范文
2013/12/10 职场文书
英文留学推荐信范文
2014/01/25 职场文书
程序员求职信
2014/04/16 职场文书
生日宴会策划方案
2014/06/03 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书
Django中session进行权限管理的使用
2021/07/09 Python
Elasticsearch 数据类型及管理
2022/04/19 Python