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 相关文章推荐
有关DOM元素与事件的3个谜题
Nov 11 Javascript
基于Jquery的跨域传输数据(JSONP)
Mar 10 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
js实现按Ctrl+Enter发送效果
Sep 18 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
May 25 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
Dec 23 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在字符断点处截断文字的实现代码
2011/04/21 PHP
php计算数组不为空元素个数的方法
2014/01/27 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
2012/02/27 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
Python实现的爬虫功能代码
2017/06/24 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
Python File readlines() 使用方法
2018/03/19 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
南京迈特望C/C++面试题
2012/07/09 面试题
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
党员承诺践诺书
2014/05/20 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
Python基础之条件语句详解
2021/06/16 Python
关于python中模块和重载的问题
2021/11/02 Python
JavaScript实例 ODO List分析
2022/01/22 Javascript
Android 界面一键变灰 深色主题工具类
2022/04/28 Java/Android