JSFiddle - React, Tailwind, and code Playground

by Bahman ParsaManesh

HTML

<div id="element">
<button>
Click Here
</button>
</div>

JavaScript

$('#element').each(function() {

    var timeout, longClick;

    $(this).mousedown(function() {
        timeout = setTimeout(function() {
            longClick = true;
        }, 1000);
    }).mouseup(function() {
        if (longClick) {
            alert('long click');
        } else {
            alert('short click');

        }
        longClick = false;
        clearTimeout(timeout);
    });

});