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的对话框详解与参数
Mar 08 Javascript
一实用的实现table排序的Javascript类库
Sep 12 Javascript
写给想学习Javascript的朋友一点学习经验小结
Nov 23 Javascript
关于js注册事件的常用方法
Apr 03 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
JavaScript打印iframe内容示例代码
Aug 20 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
微信小程序微信支付接入开发实例详解
Apr 12 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 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项目打包方法
2008/02/18 PHP
php xml实例 留言本
2009/03/20 PHP
php防盗链的常用方法小结
2010/07/02 PHP
基于php常用正则表达式的整理汇总
2013/06/08 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
Bootstrap3学习笔记(三)之表格
2016/05/20 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
[01:27]DOTA2电竞之夜 今夜共饮庆功酒
2014/08/02 DOTA
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
Python实现Tab自动补全和历史命令管理的方法
2015/03/12 Python
python实现员工管理系统
2018/01/11 Python
Python多图片合并PDF的方法
2019/01/03 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
python求前n个阶乘的和实例
2020/04/02 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
医药代表个人的求职信分享
2013/12/08 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
汽车修理厂管理制度
2015/08/05 职场文书
2016关于学习党章的心得体会
2016/01/15 职场文书
年终奖金发放管理制度,中小企业适用,拿去救急吧!
2019/07/12 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
html中两种获取标签内的值的方法
2022/06/16 jQuery