JSFiddle - React, Tailwind, and code Playground

HTML

<p>Press any key while focus is in the first text field.</p>
<input type="text" id="input1" />
<input type="text" id="input2" />
<p id="log"></p>

JavaScript

$(function() {
    $("input").change(function() {
        $("#log").append($(this).attr("id") + ".change() triggered<br>");
    });
    $("input").focus(function() {
        $("#log").append($(this).attr("id") + ".focus() triggered<br>");
    });
    $("input").blur(function() {
        $("#log").append($(this).attr("id") + ".blur() triggered<br>");
    });
    $("#input1").keyup(function() {
        $(this).val("bar").next()[0].focus();
    });
});