JSFiddle - React, Tailwind, and code Playground

HTML

<div id="click">Click event</div>
<div id="dblclick">Double click event</div>
<div id="other">Some other item to ignore</div>
<div id="contextmenu">Context event</div>

CSS

div {
    border: 1px solid black;
    margin: 10px;
    padding: 10px;
}

div#other {
    background-color: #eee;
}

JavaScript

var eventNames = ["click", "dblclick", "contextmenu"];
for (var i = 0; i < eventNames.length; ++i) {
    var crtName = eventNames[i];
    $("#" + crtName).click(function () {
        alert("Event " + crtName);
    });

};