JSFiddle - React, Tailwind, and code Playground

HTML

<a id="id1">Click </a>
<a id="id2">Click 2</a>
<a id="id3">Click 3</a>

JavaScript

var clickstartTime, clickStarter;
var clickstopTime, clickStopper;
$("a").on('mousedown', function(e) {    
    clickstartTime = e.timeStamp;
    clickStarter = $(e.currentTarget).attr("id")
}).on('mouseup', function(e) {
    clickstopTime = e.timeStamp- clickstartTime 
    clickStopper = $(e.currentTarget).attr("id"); 
    if(clickStarter != clickStopper) { 
        alert("Oops, looks like you moved, So i am calling one now");    
        one();
    } else {
        if(clickstopTime >= 2000) two() 
        else one();
    }
});

function one() { 
    
    alert('one'); 
}

function two() { 
   alert('two'); 
}