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 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
jquery 列表双向选择器之改进版
Aug 09 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
Vue.JS入门教程之自定义指令
Dec 08 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
微信小程序实战之登录页面制作(5)
Mar 30 Javascript
bootstrap datepicker插件默认英文修改为中文
Jul 28 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
Layui数据表格 前后端json数据接收的方法
Sep 19 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+Html+缓存
2006/11/25 PHP
详解php中空字符串和0之间的关系
2016/10/23 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
python如何把字符串类型list转换成list
2020/02/18 Python
从python读取sql的实例方法
2020/07/21 Python
详解python 内存优化
2020/08/17 Python
Python extract及contains方法代码实例
2020/09/11 Python
用 python 进行微信好友信息分析
2020/11/28 Python
英国高街电视:High Street TV
2018/05/22 全球购物
绘画设计学生的个人自我评价
2013/09/20 职场文书
小学清明节活动总结
2014/07/04 职场文书
奖学金个人总结
2015/03/04 职场文书