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 相关文章推荐
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
JavaScript按位运算符的应用简析
Feb 04 Javascript
Javascript控制input输入时间格式的方法
Jan 28 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
原生JavaScript实现贪吃蛇游戏
Nov 04 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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
php上传图片并压缩的实现方法
2015/12/22 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
Python连接mysql数据库的正确姿势
2016/02/03 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Django forms组件的使用教程
2018/10/08 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
python获取百度热榜链接的实例方法
2020/08/25 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
如何设置Java的运行环境
2013/04/05 面试题
华为慧通面试题
2012/09/11 面试题
自荐信封面
2013/12/04 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
合作意向协议书
2015/01/29 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
jquery插件实现图片悬浮
2021/04/16 jQuery
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL