JSFiddle - React, Tailwind, and code Playground

HTML

<div class='box'>

CSS

div.box {
    height: 100px;
    width: 100px;
    border: 1px solid black;
}

JavaScript

var dblclick = false;

//single click function
$('div.box').on('click',function(){
    setTimeout(function(){
        if($('div.box').prop("disabled"))    return;
        console.log('singleClick');
        $('div.box').prop("disabled", true);
        //some single click work.
        $('div.box').prop("disabled", false);
    },1000); 
});

//double click function
$('div.box').on('dblclick',function(){       
    if($('div.box').prop("disabled"))    return;
    $('div.box').prop("disabled", true);
    console.log('doubleClick');
    //some work    then enable single click again
    setTimeout(function(){
    $('div.box').prop("disabled",false);
    },2000); 
});