JSFiddle - React, Tailwind, and code Playground
HTML
<button id="button">Button</button>
JavaScript
(function () {
var button = document.getElementById('button');
var duration = 200;
var clickCount = 0;
var handle;
var clicked = function () {
clickCount++;
clearTimeout(handle);
handle = setTimeout(payload, duration);
};
var payload = function () {
if (clickCount > 1) {
doubleClick();
} else {
oneClick();
}
clickCount = 0;
};
var oneClick = function () {
alert('one click');
};
var doubleClick = function () {
alert('double click');
};
button.addEventListener('click', clicked, false);
})();