JSFiddle - React, Tailwind, and code Playground

by voigtan

HTML

<button id="ClikerButton">Click</button>

JavaScript

$("#ClikerButton").mousedown(function(e){
    var el = $(this).data("timer", setTimeout(function() {
        func1();
        el.data("set", true);
    }, 2000));
    el.data("set",false);
}).mouseup(function(e){
    var el = $(this);
    if(!el.data("set") ) {
        func2();        
    }
    clearTimeout(el.data("timer"));
});  


var func2 = function() { console.log('released to fast..'); };
var func1 = function() { console.log('Sticky click!'); }