JSFiddle - React, Tailwind, and code Playground

HTML

<div id="clickId">click me</div>
<div id="dragSource" draggable="true">drag me</div>

JavaScript

var source = document.getElementById("dragSource"),
    click = document.getElementById("clickId");

click.addEventListener("click", function() {
    console.log("click1");
}, true);
click.addEventListener("click", function() {
    console.log("click2");
}, false);
click.addEventListener("click", function() {
    console.log("click3");
}, true);
click.addEventListener("click", function() {
    console.log("click4");
}, false);