JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="test"/>
<pre></pre>

JavaScript

$(".test").on("input", function () {
    $("pre").prepend("\nOn input.");
}).on("change", function () {
    $("pre").prepend("\nOn change.");
}).on("focus", function () {
    $("pre").prepend("\nOn focus.");
}).on("blur", function () {
    $("pre").prepend("\nOn blur.");
});