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 相关文章推荐
详谈LABJS按需动态加载js文件
May 07 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
AngularJS入门教程之数据绑定原理详解
Nov 02 Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 Javascript
js编写三级联动简单案例
Dec 21 Javascript
vue.js利用Object.defineProperty实现双向绑定
Mar 09 Javascript
easyui-datagrid特殊字符不能显示的处理方法
Apr 12 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
Jun 06 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
Dec 05 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 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
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
linux下编译安装memcached服务
2014/08/03 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
javascript 拖动表格行实现代码
2011/05/05 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
Bootstrap3学习笔记(二)之排版
2016/05/20 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
详解微信UnionID作用
2019/05/15 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
Python生成随机密码的方法
2017/06/16 Python
python利用有道翻译实现&quot;语言翻译器&quot;的功能实例
2017/11/14 Python
pytorch训练imagenet分类的方法
2018/07/27 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
django框架auth模块用法实例详解
2019/12/10 Python
用python对excel查重
2020/12/07 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
html5 实现客户端验证上传文件的大小(简单实例)
2016/05/15 HTML / CSS
清洁工岗位职责
2014/01/29 职场文书
大学生评语大全
2014/04/18 职场文书
啦啦队口号大全
2014/06/16 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers