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作用域及作用域链概念理解及使用
Apr 15 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
jQuery 插件实现随机自由弹跳气泡样式
Jan 12 Javascript
Angular4 中常用的指令入门总结
Jun 12 Javascript
Vue实现百度下拉提示搜索功能
Jun 21 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
js数组方法reduce经典用法代码分享
Jan 07 Javascript
小程序实现侧滑删除功能
Jun 25 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/06 冲泡冲煮
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
ExtJS下grid的一些属性说明
2009/12/13 Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
layui实现三级联动效果
2019/07/26 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
Python中的字典遍历备忘
2015/01/17 Python
Python中GIL的使用详解
2018/10/03 Python
python连接mongodb密码认证实例
2018/10/16 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
abstract是什么意思
2012/02/12 面试题
医药营销专业个人自荐信
2013/09/29 职场文书
机械制造专业个人的自我评价
2013/12/28 职场文书
大学生党课思想汇报
2013/12/29 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
五心教育心得体会
2014/09/04 职场文书
工作总结与自我评价
2014/09/18 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
2014年教师个人工作总结
2014/11/10 职场文书
营销计划书
2015/01/17 职场文书
监护人证明
2015/06/19 职场文书
pytest配置文件pytest.ini的详细使用
2021/04/17 Python
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python