JSFiddle - React, Tailwind, and code Playground

HTML

<div id="listener">
    <input type="text" id="color" class="color" />
</div>

JavaScript

$("listener").addEvent("change:relay(.color)", function() {
    alert("changed!!");
});

// simple trigger - doesn't work
$("color").fireEvent("change"); // nothing happens

// as suggested by @eskimoblood = doesn't work
$("color").fireEvent("change:relay(.color)");

// fire natively - works
var color = document.getElementById("color");
var event = document.createEvent("HTMLEvents");
event.initEvent("change", true);
color.dispatchEvent(event);