单击和双击

Question

之间的JavaScript区分我有一个简单的程序，如：

<div onclick="handleClick(event)" ondblclick="handleDoubleClick(event)"> 
    Hellooww world 
</div> 
<script> 
    var a = false 
    function handleClick(e) { 
    if(a) { 
     a = false 
      console.log("Hellooww", a) 
    }else{ 
     a = true 
     console.log("Hellooww", a) 
    } 
    } 

    function handleDoubleClick(e) { 
    console.log("world") 
    } 
</script> 

这里单点击设置的，以虚假的真实价值。但是，当其双击它perfomrs单点击并双击

如何，我只检查单单击和双击

Answer 1

This thread提供为什么行为正在发生的细节，但这里是解决您的具体使用情况。一种可能的方法是使用timeout和一些等待时间。问题在于没有标准的间隔等待。虽然你可以使用300 ms正时a mobile browser uses区分tap之间double tap事件：

var a = false; 
var timeout; 
function handleClick(e) { 
    timeout = setTimeout(function() { 
     if (a) { 
      a = false 
      console.log("Hellooww", a) 
     } else { 
      a = true 
      console.log("Hellooww", a) 
     } 
    }, 300); 
} 

function handleDoubleClick(e) { 
    if (timeout) { 
     clearTimeout(timeout); 
    } 
    console.log("world") 
} 

但是总体来说，不注册单击并在相同的元素DBLCLICK事件：这是不可能正确区分单单击从事件单击导致发生dblclick事件的事件。