JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<form><span><input></span></form>
</div>
<p>

JavaScript

$('form').on("focus", function(event) {
    $("p").append("focus no delegation<br>");
})
$('form').on("focus", "input", function(event) {
    $("p").append("focus delegation<br>");
})
$('form').on("click", function(event) {
    $("p").append("click no delegation<br>");
})
$('form').on("click", "input", function(event) {
    $("p").append("click delegation<br>");
})