JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <form id="one"><span><input></span>#one, click here</form>
    <form id="two" tabindex="1"><span><input></span>#two, click here</form>
</div>
<p>

JavaScript

$('#one').on("focus", function(event) {
    $("p").append("#one - focus no delegation<br>");
});
$('#two').on("focus", function(event) {
    $("p").append("#two - focus no delegation<br>");
});