JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<button>display event.namespace</button>
<p></p>
<input type="button" value="Click">
<div></div>

JavaScript

console.clear();

$("p").on("test.foo", function(event) {
    $(this).html("Event namespace: <b>" + event.namespace + "</b><br> Click me =)");
});

$("p").on("click", function() {
    $(this).html("Clicked!");
});

$("button").on("click", function(event) {
    $("p").trigger("test.foo");
});

$("input").on("click", function(event) {
    $("div").trigger("test");
});

$("div").on("test", function(event) {
    $(this).html("Trigger event test");
});