⏱ 0:01est. 3 min

Single Double Click

// https://stackoverflow.com/questions/5497073/how-to-differentiate-single-click-event-and-double-click-event
// https://docs.google.com/document/d/1hvEjK5ZXMPYOr9HFoeCD4FM4b2dw-XsCwyB45M6Sz8Y/edit
var singleClick = function () {
    console.log('Single');
}
var doubleClick = function () {
    console.log('Double');
}

function makeDoubleClick(sCB, dCB) {
    let clicks = 0, timeout;
    return function (){
        clicks++;
        if (clicks === 1) {
            sCB.apply(this, arguments);
            timeout = setTimeout(() => clicks = 0, 400);
        } else {
            clearTimeout(timeout);
            dCB.apply(this,arguments);
            clicks = 0;
        }

    }
}

document.addEventListener('clikc', makeDoubleClick(singleClick, doubleClick));