JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d">
    <div>Click me!</div>
    <div>Or me</div>
</div>
<br/>
<br/>
<div id="e">
    <div>Click me!</div>
    <div>Or me</div>
</div>
<br/>
<br/>
<div id="f">
    <div>Click me!</div>
    <div>Or me</div>
</div>

CSS

#d, #e, #f {
    background-color: red;
    width: 100px;
    height: 100px;
}

JavaScript

$("#d").on("mousedown", "div", function (e) {
    console.log('clicked');
    if (e.which == 3) alert('left button clicked');
    return false;
});
$("#e").on("mousedown", "div", function (e) {
    console.log('clicked');
    if (e.which == 3) console.log('left button clicked');
    return false;
});
$("#f").on("contextmenu", "div", function (e) {
    e.preventDefault();
});