JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<div tabindex="0" id="d">
<span>aaaa</span>
<div>
<input id="i">
</div>
</div>
</div>JavaScript
var d = document.querySelector("#d");
var i = document.querySelector("#i");
d.addEventListener("click", function() { alert("d");}, false);
i.addEventListener("click", function() { alert("i");}, false);