SO - 28294345 - Separate Single Click and DBLClick handlers

.setTimeout()

by codeSpy

HTML

<div>Bingo</div>

CSS

div{
    width : 100px;
    height : 100px;
    background-color: blue;
}

JavaScript

var div = document.getElementsByTagName("div")[0];
var isSingleClick = true;
div.onclick = function(){
    setTimeout(function(){
        if(isSingleClick){
            console.log("Click");
        }
    }, 500);
};

div.ondblclick = function(){
    console.log("DBLClick");
    isSingleClick = false;
    setTimeout(function(){
        isSingleClick = true;
    }, 500);
};