javascript zwischen Klick und Doppelklick unterscheiden

Question

Ich habe ein einfaches Programm wie:

<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> 

hier auf einzelne klicken Sie den Wert eines Sets von unwahr auf wahr .. Aber wenn seine Doppelklick auf perfomrs es beide einzigen Klick und doppelklicken Sie auf

Wie kann ich nur für Klick und Doppelklick auf

Answer 1

This thread enthält Einzelheiten darüber, warum das Verhalten geschieht, aber hier ist die Lösung Ihrer spezifischen Anwendungsfall. Der eine mögliche Ansatz besteht darin, timeout und einige Wartezeit zu verwenden. Das Problem ist, dass kein Standardintervall warten muss. Obwohl Sie das 300 ms Timing verwenden könnten, dass a mobile browser uses zwischen tap und double tap Ereignis zu unterscheiden:

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") 
} 

Aber im Allgemeinen nicht registrieren klicken und dblclick Ereignisse auf demselben Elemente: es richtig mit einem Klick Ereignis zu unterscheiden unmöglich ist, aus Klicken Sie auf Ereignisse, die zu einem dblclick-Ereignis führen.