JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#">Click Me</a>
JavaScript
var DELAY = 700,
clicks = 0,
timer = null;
$(document).ready(function() {
$("a")
.live("click", function(e){
clicks++; //count clicks
if(clicks === 1) {
timer = setTimeout(function() {
alert('Single Click'); //perform single-click action
clicks = 0; //after action performed, reset counter
}, DELAY);
} else {
clearTimeout(timer); //prevent single-click action
alert('Double Click'); //perform double-click action
clicks = 0; //after action performed, reset counter
}
})
.live("dblclick", function(e){
e.preventDefault(); //cancel system double-click event
});
});