JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<div id="container">
    <div id="content"></div>
</div>

JavaScript

$("#container").on("custom1", function (e) { console.log(e.type, e.target) });
$("#content").trigger("custom1");
$.event.dispatch.call($("#container").get(0), $.Event("custom1", { target: $("#content").get(0) }));

$("#container").on("custom2", "#content", function (e) { console.log(e.type, e.target) });
$("#content").trigger("custom2");
$.event.dispatch.call($("#container").get(0), $.Event("custom2", { target: $("#content").get(0) }));