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 连接数据库如何操作数据库中的数据
Nov 23 Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
JavaScript 数组的深度复制解析
Nov 02 Javascript
jQuery弹出层插件popShow用法示例
Jan 23 Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 Javascript
JS中IP地址与整数相互转换的实现代码
Apr 10 Javascript
解析Vue.js中的组件
Feb 02 Javascript
layui table复选框禁止某几条勾选的实例
Sep 20 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
Jul 27 Javascript
浅谈JavaScript浅拷贝和深拷贝
Nov 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
以文本方式上传二进制文件的PHP程序
2006/10/09 PHP
php 删除无限级目录与文件代码共享
2008/11/22 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
js获取html文件的思路及示例
2013/09/17 Javascript
js向上无缝滚动,网站公告效果 具体代码
2013/11/18 Javascript
json中换行符的处理方法示例介绍
2014/06/10 Javascript
javascript中动态函数用法实例分析
2015/05/14 Javascript
简介AngularJS中使用factory和service的方法
2015/06/17 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
AngularJS实现自定义指令及指令配置项的方法
2017/11/20 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
python中返回矩阵的行列方法
2018/04/04 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
详解python中的index函数用法
2019/08/06 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
LEGO玩具英国官方商店:LEGO Shop GB
2018/03/27 全球购物
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
建筑公司员工自我鉴定
2014/04/08 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
党员个人对照检查材料范文
2014/09/24 职场文书
辩论赛新闻稿
2015/07/17 职场文书