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 相关文章推荐
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
JQuery实现可直接编辑的表格
Apr 16 Javascript
js闭包实现按秒计数
Apr 23 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
angular *Ngif else用法详解
Dec 15 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
用JS创建一个录屏功能
Nov 11 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
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
Thinkphp5+Redis实现商品秒杀代码实例讲解
2020/12/29 PHP
DOM 基本方法
2009/07/18 Javascript
js word表格动态添加代码
2010/06/07 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
jquery map方法使用示例
2014/04/23 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
jquery.validate使用详解
2016/06/02 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
2018/10/12 Javascript
javascrit中undefined和null的区别详解
2019/04/07 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
Python正则表达式教程之一:基础篇
2017/03/02 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
Django中create和save方法的不同
2019/08/13 Python
奥地利汽车配件店:Pkwteile.at
2017/03/10 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
学生党员思想汇报范文
2014/01/09 职场文书
员工培训邀请函
2014/01/11 职场文书
大学生实习感言
2014/01/16 职场文书
捐助倡议书范文
2014/04/15 职场文书
世博会口号
2014/06/20 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
2015年党总支工作总结
2015/05/25 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python