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 api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
制作高质量的JQuery Plugin 插件的方法
Apr 20 Javascript
jquery dialog键盘事件代码
Aug 01 Javascript
javascript原型模式用法实例详解
Jun 04 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
PHP 编程的 5个良好习惯
2009/02/20 PHP
自动把纯文本转换成Web页面的php代码
2009/08/27 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
JavaScript中的style.display属性操作
2013/03/27 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
vue在路由中验证token是否存在的简单实现
2019/11/11 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
Python清空文件并替换内容的实例
2018/10/22 Python
Python中最大递归深度值的探讨
2019/03/05 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
个人实习生的自我评价
2014/02/16 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
党性教育心得体会
2014/09/03 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
五年级小学生评语
2014/12/26 职场文书
新学期开学标语2015
2015/07/16 职场文书
股权投资协议书
2016/03/23 职场文书