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 相关文章推荐
jquery text,radio,checkbox,select操作实现代码
Jul 09 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
js实现多图和单图上传显示
Dec 18 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实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
关于JavaScript中原型继承中的一点思考
2012/07/25 Javascript
js arguments对象应用介绍
2012/11/28 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
简单实现node.js图片上传
2016/12/18 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
jquery实现下载图片功能
2019/07/18 jQuery
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
django基础之数据库操作方法(详解)
2017/05/24 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
实现Python3数组旋转的3种算法实例
2020/09/16 Python
python中的测试框架
2020/11/13 Python
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
数控专业毕业生求职信范文
2013/09/21 职场文书
路政管理专业推荐信
2013/11/11 职场文书
教师辞职报告范文
2014/01/20 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
2014年物流工作总结
2014/11/25 职场文书
专业技术人员年度考核评语
2014/12/31 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
2019下半年英语教师的教学工作计划(3篇)
2019/09/25 职场文书
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技