JSFiddle - React, Tailwind, and code Playground

by csrow

HTML

<form id="form1" runat="server">
    <div>
        <input type="text" id="txt1" />
        <input type="button" id="btn1" value="Submit" />
    </div>
</form>
<div id='log'>...</div>

JavaScript

var inFocus = false;

$("#txt1").focus(function () {
    inFocus = true;
    $("#log").prepend("<p>focus</p>");

});
$("#txt1").blur(function () {
    setTimeout(function(){inFocus = false;},200);
    $("#log").prepend("<p>blur</p>");
});
$("#btn1").click(function () {
    if (!inFocus) {
        $("#log").prepend("<p>click</p>");
    }
});