展会信息港展会大全

IE下双击checkbox反应延迟问题的解决方法
来源:互联网   发布日期:2016-01-26 10:23:46   浏览:3920次  

导读:这篇文章主要介绍了IE下双击checkbox反应延迟问题的解决方法,需要的朋友可以参考下代码如下:span style=font-size:18px;input type= 39;checkbox 39; span上面这段代码在IE下会生成一个多选框,单击 ...

这篇文章主要介绍了IE下双击checkbox反应延迟问题的解决方法,需要的朋友可以参考下

代码如下:

<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()');

赞助本站

人工智能实验室

相关热词: checkbox 双击

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港