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 相关文章推荐
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jQuery中html()方法用法实例
Dec 25 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
Feb 17 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
Echarts如何重新渲染实例详解
May 30 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中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
ThinkPHP入口文件设置及相关注意事项分析
2014/12/05 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
jQuery select的操作实现代码
2009/05/06 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
2014/01/06 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
json+jQuery实现的无限级树形菜单效果代码
2015/08/27 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
angular ng-repeat数组中的数组实例
2017/02/18 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
jQuery阻止事件冒泡实例分析
2018/07/03 jQuery
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Python实现高效求解素数代码实例
2015/06/30 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
python打包成so文件过程解析
2019/09/28 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
tensorflow使用CNN分析mnist手写体数字数据集
2020/06/17 Python
出国签证在职证明
2014/01/16 职场文书
激励口号大全
2014/06/17 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS