Question

JS onclick事件,双击时候游览器兼容问题.

百说不如一看
先简单的写下代码。
——————————————————————————
<input type="text" id="a" />
<input type="button" id="b" value="click" />
<script type="text/javascript">
var a = document.getElementById('a');
var b = document.getElementById('b');
b.onclick = function(){
a.value += "A";
}
</script>
——————————————————————————
比如我双击 b 的话
应该a的value里进2个A是吧？
但是IE 6,7,8 里只能进1个A. (双击)
chrome，IE9, FF 都是正常的
有木有解决的方法？
——————————————————————————
求不要写 ondblclick来处理

Answer 1

<input type="text" id="a" />
<input type="button" id="b" value="click" />
<script type="text/javascript">
var a = document.getElementById('a');
var b = document.getElementById('b');
b.onclick = function(){
setTimeout(function(){
a.value += "A";
},300)
}
</script>

给点击事件加个延时。

追问

不懂加延时的意义是什么。

追答

IE 处理一些快速事件就会出现问题，比如移入移出，setTimeout 可以解决这些问题，具体什么原理我也不清楚。

Answer 2

<script>  
var num=0;  
var add=0;  
if(!+[1,])     
  {       
 /*解体的思路在于用js判断浏览器，可用360极速模式（非ie） ，ie9模式检测*/
 /*  if(navigator.userAgent.indexOf("MSIE")>0)
开始用这个也行*/     
 if(navigator.userAgent.indexOf("MSIE 9.0")>0)
    {
    alert("ie9"); 
    num++;      
} 
   else alert("这是＜9的ie浏览器");  
} 
 else
    num++;
  

var a = document.getElementById('a');

var b = document.getElementById('b');

b.onclick = function(){
  	a.value += "A";
  	add++;
    if(add==2&&num=0)
     { 
        a.value += "A";  
        add=0;
     } 
 }  
 </script>

改了一下，有问题再问

追问

IE9.0 以下的版本
onclick 双击无效的。
add++ 能加上去 ==2 吗？

追答

add是个全局变量，作用域在函数之外，之前点击一次就变成1了，再变就是2.

Answer 3

这是IE的Bug,单击和双击的区分。