JSFiddle - React, Tailwind, and code Playground

HTML

<input class="button" type="button" value="Click Me" />

JavaScript

var after2Secs = function(){
    alert("after 2 seconds hold");
};

var before2Secs = function(){
    alert("before 2 seconds hold");
};

var mouseDown = {}; //will save tiem and input clicked..
$('.button').on("mousedown", function(event){
    mouseDown = {
        time: event.timeStamp,
        el: this    
    };
});



$('.button').on("mouseup", function(event){
    if(mouseDown && mouseDown.el === this &&
       event.timeStamp - mouseDown.time > 2000){
            after2Secs();
    } else {
        before2Secs();
    }
    //reset mouseMouse..
    mouseDown = null;
});