为什么Internet Explorer复选框接受双击但只更改状态一次？

Question

在Internet Explorer（任何版本）中，如果您点击两次快速复选框，它只会更改一次。另一个浏览器不这样做。

这是“通过设计”还是一个非常奇怪的行为（bug）？

Answer 1

这似乎是IE中的一个常见错误，不仅适用于复选框，而且还适用于一般的点击处理。看起来这将是固定在IE9平台预览4：

http://webbugtrack.blogspot.com/2008/01/bug-263-beware-of-doubleclick-in-ie.html

Answer 2

虽然我在很多不同的公司工作作为系统管理员，我常常看到使用DoubleClick作为默认操作与任何UI元素进行交互的人。他们了解Windows的第一件事就是doubleclick启动一个图标（快捷方式）。并且他们将这些知识应用到其他所有元素，无论它是实际是什么：链接，按钮，图标或复选框 =） 所以，我认为它是故意的，IE浏览器计数doubleclick为singleclick。

Answer 3

解决方法/解决方案

使用jQuery我固定这样的问题：

this.checkboxes = $('input[type="checkbox"]'); 
if (navigator.userAgent.match(/MSIE/i)){ 
     this.checkboxes.dblclick(function() { 
      if($(this).prop('checked')) {      
       $(this).prop('checked', false); 
      } else { 
       $(this).prop('checked', true); 
      } 
     }); 
} 
this.checkboxes.click(function(e) {     
    // do whatever a click should do           
}); 

说明： 在Internet Explorer中双击时，事件被触发这样的：

1. Click
2. Click
3. D双击

双击时，我的点击事件中所需的动作发生了两次（就像它应该那样），但复选框没有改变状态两次。所以我简单地在双击时触发了已选中/未选中的状态。由于这会打破Firefox/Chrome /等的功能，我只在MSIE（Internet Explorer）用户代理中使用它。这样

通过上面的代码，事件和复选框态火/变化：

双击在所有浏览器，除了IE：

1. 单击（更改状态，火灾click事件）
2. 点击（改变状态，火灾click事件）

双击Internet Explorer中

复选框

1. 单击（更改状态，火灾click事件）
2. 点击（火click事件）
3. 双击（变化状态（通过双击事件））

Answer 4

下面的代码为我工作：

<input type="checkbox" OnClick ="javascript:toggleGetSelected(this)"> 

var temp; 
function toggleGetSelected(e){ 
     if(e){ 

      // Below is the if condition which handles the double click 
      if(e.checked==true && temp==e.value){ 
        e.checked=false; 
      } 
      // ends double click handle 


      if(e.checked==true){ 
       temp=e.value; 
       // your code here      
      } 
      else{ 
       temp=null; 
       // your code here   
      } 

     } 
}