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代码
Mar 16 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
电子商务网站上的常用的js放大镜效果
Dec 08 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
JS实现匀速运动的代码实例
Nov 29 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
jquery中done和then的区别(详解)
Dec 19 jQuery
在 React、Vue项目中使用SVG的方法
Feb 09 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
详解如何webpack使用DllPlugin
Sep 30 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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
PHP抓取及分析网页的方法详解
2016/04/26 PHP
php自定义函数实现JS的escape的方法示例
2016/07/07 PHP
php处理复杂xml数据示例
2016/07/11 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
JS编程小常识很有用
2012/11/26 Javascript
javascript 获取模态窗口的滚动位置代码
2013/08/06 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
详解微信第三方小程序代开发
2017/06/23 Javascript
AngularJS与后端php的数据交互方法
2018/08/13 Javascript
JavaScript实现复选框全选和取消全选
2020/11/20 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
Python基于OpenCV实现视频的人脸检测
2018/01/23 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
python定时关机小脚本
2018/06/20 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
python 日志 logging模块详细解析
2020/03/31 Python
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
文明班级建设方案
2014/05/15 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
研究生简历自我评
2015/03/11 职场文书
python process模块的使用简介
2021/05/14 Python
学习nginx基础知识
2021/09/04 Servers