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 相关文章推荐
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
Jun 22 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
yarn与npm的命令行小结
Oct 20 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
将鼠标焦点定位到文本框最后(代码分享)
Jan 11 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
Vue中使用vux的配置详解
May 05 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
vue实现配置全局访问路径头(axios)
Nov 01 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 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 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
jQuery 选择器项目实例分析及实现代码
2012/12/28 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
常见的javascript跨域通信方法
2015/12/31 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
2016/08/11 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
2017/04/25 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
python实现在windows下操作word的方法
2015/04/28 Python
利用Python爬取可用的代理IP
2016/08/18 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
Python @property原理解析和用法实例
2020/02/11 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
中层干部岗位职责
2013/12/18 职场文书
大学军训感言300字
2014/03/09 职场文书
《凡卡》教学反思
2014/04/09 职场文书
工会2014法制宣传日活动总结
2014/11/01 职场文书
护林员个人总结
2015/03/04 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
教师评职称工作总结2015
2015/04/20 职场文书
小学教师读书笔记
2015/07/01 职场文书
销售口号霸气押韵
2015/12/24 职场文书
导游词之南京栖霞山
2019/10/18 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
sql字段解析器的实现示例
2021/06/23 SQL Server