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 幻灯片插件(带缩略图功能)
Jan 24 Javascript
js关闭模态窗口刷新父页面或跳转页面
Dec 13 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
vue-swiper的使用教程
Aug 30 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 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
CI框架(CodeIgniter)实现的数据库增删改查操作总结
2018/05/23 PHP
DOM相关内容速查手册
2007/02/07 Javascript
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
dreamweaver 安装Jquery智能提示
2011/04/02 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
AngularJS中controller控制器继承的使用方法
2017/11/03 Javascript
详解React中setState回调函数
2018/06/14 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
python游戏地图最短路径求解
2019/01/16 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
Python logging模块异步线程写日志实现过程解析
2020/06/30 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
大一自我鉴定范文
2013/10/04 职场文书
国际商务系学生个人的自我评价
2013/11/26 职场文书
教育技术学专业职业规划书
2014/03/03 职场文书
房产代理公证处委托书
2014/04/04 职场文书
应届生求职信范文
2014/06/30 职场文书
2014年设计师工作总结
2014/11/25 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
永远是春天观后感
2015/06/12 职场文书
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL