JSFiddle - React, Tailwind, and code Playground

by lw7360

HTML

<a href="#">Click Me</a>

JavaScript

var DELAY = 700, clicks = 0, timer = null;

$(function(){
    $("a").on("click", function(e) {
        clicks++;
        if(clicks === 1) {
            timer = setTimeout(function() {
                alert("Single Click");
                clicks = 0;
            }, DELAY);
        } else {
            clearTimeout(timer);
            alert("Double Click");
            clicks = 0;
        }

    })
    .on("dblclick", function(e){
        e.preventDefault();
    });

});