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 call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
node.js中的emitter.on方法使用说明
Dec 10 Javascript
后台获取ZTREE选中节点的方法
Feb 12 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
javascript实现加载xml文件的方法
Nov 24 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
May 16 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
详解JavaScript中return的用法
May 08 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
原生小程序封装跑马灯效果
Oct 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 autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
PHP cdata 处理(详细介绍)
2013/07/05 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
php制作unicode解码工具(unicode编码转换器)代码分享
2013/12/24 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
些很实用且必用的小脚本代码
2006/06/26 Javascript
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
加速IE的Javascript document输出的方法
2010/12/02 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
带左右箭头图片轮播的JS代码
2013/12/18 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
详解react-refetch的使用小例子
2019/02/15 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
python列表list保留顺序去重的实例
2018/12/14 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
python 工具 字符串转numpy浮点数组的实现
2020/03/14 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
2020/12/09 Python
CSS3实现翘边的阴影效果的代码示例
2016/06/13 HTML / CSS
HTML5 LocalStorage 本地存储详细概括(多图)
2017/08/18 HTML / CSS
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
单位收入证明范本
2015/06/18 职场文书
讲座新闻稿
2015/07/18 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
python用字节处理文件实例讲解
2021/04/13 Python