IE下双击checkbox反应延迟问题的解决方法

 更新时间:2014年03月27日 11:38:07   作者:  
这篇文章主要介绍了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()');

相关文章

  • input 标签实现输入框带提示文字效果(两种方法)

    input 标签实现输入框带提示文字效果(两种方法)

    这篇文章主要介绍了input 标签实现输入框带提示文字效果(两种方法),需要的朋友可以参考下
    2017-10-10
  • 原生JavaScript实现的简单省市县三级联动功能示例

    原生JavaScript实现的简单省市县三级联动功能示例

    这篇文章主要介绍了原生JavaScript实现的简单省市县三级联动功能,结合完整实例形式分析了javascript联动菜单的实现方法,涉及javascript事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
    2017-05-05
  • 前端面试的底气之实现一个深拷贝

    前端面试的底气之实现一个深拷贝

    最近学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下,下面这篇文章主要给大家介绍了关于前端面试的底气之实现一个深拷贝的相关资料,需要的朋友可以参考下
    2022-05-05
  • 在浏览器中获取当前执行的脚本文件名的代码

    在浏览器中获取当前执行的脚本文件名的代码

    同事提了一个问题,如何在浏览器中动态插入的 JavaScript 文件中,获取当前文件名?
    2011-07-07
  • javascript中onmouse事件在div中失效问题的解决方法

    javascript中onmouse事件在div中失效问题的解决方法

    我们预期只有当鼠标从div中移开的时候才会触发onmouseout事件,可事实上,当我们移到div中的元素时,例如:本例中的a标签时,就会触发 onmousout事件
    2012-01-01
  • javascript 扫雷游戏

    javascript 扫雷游戏

    最近心血来潮,用JavaScript实现了Windows自带的扫雷游戏。当前只实现了基本功能,还有一个缺点就是只能在IE上正常运行,估计是事件没有处理好。
    2009-05-05
  • Vue项目中关于全局css的处理

    Vue项目中关于全局css的处理

    我们在写CSS的时候,会遇到大量相同的属性(比如:margin-top:10px)这种属性几乎每个vue页面都有。这个时候,我们可以把css挂载到全局上,供所有vue页面使用,同时也方便修改。感兴趣的同学可以参考一下
    2023-04-04
  • 漂亮实用的页面loading(加载)封装代码

    漂亮实用的页面loading(加载)封装代码

    要做一个异步登录,打算给用户做一点提示,所以就网上找了点代码,自己修改新增了一些,做了一个html+css+js的功能封装,供大家参考,需要的朋友参考下吧
    2017-02-02
  • js前端加载超大图片(100M以上)实现秒开的最佳解决方案

    js前端加载超大图片(100M以上)实现秒开的最佳解决方案

    前端加载超大图片时,一般可以采取图片压缩,图片分割,预加载等措施,而对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情,所以本文小编将给大家介绍如何对大图进行分割,在前端进行拼接实现秒开,需要的朋友可以参考下
    2023-10-10
  • javascript基础语法学习笔记

    javascript基础语法学习笔记

    这篇文章主要为大家分享了javascript基础语法学习笔记,帮助大家夯实javascript基础知识,感兴趣的小伙伴们可以参考一下
    2016-01-01

最新评论