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跑马灯悬停放大效果实现代码
Dec 12 Javascript
使用jquery操作session方法分享
Jan 22 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
详解js模板引擎art template数组渲染的方法
Oct 09 Javascript
Vue组件基础用法详解
Feb 05 Javascript
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
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操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
php微信开发之关注事件
2018/06/14 PHP
Prototype Object对象 学习
2009/07/12 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
Python输出9*9乘法表的方法
2015/05/25 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
Flask入门之上传文件到服务器的方法示例
2018/07/18 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
通过实例解析python描述符原理作用
2020/01/22 Python
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
Woods官网:加拿大最古老、最受尊敬的户外品牌之一
2020/09/12 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
Java面试题:为什么要用Java
2012/05/11 面试题
三个Unix的命令面试题
2015/04/12 面试题
工商治理实习生的自我评价
2014/01/15 职场文书
企业军训感言
2014/02/08 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
项目建议书模板
2014/05/12 职场文书
课例研修方案
2014/05/31 职场文书
庆七一活动总结
2014/08/27 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS
一文弄懂MySQL索引创建原则
2022/02/28 MySQL