JSFiddle - React, Tailwind, and code Playground

by Marcus Ekwall

HTML

<form>
<input type="text" id="Name" />
<button id="Confirm">Potrdi</button>
</form>
<div id="log">
</div>

JavaScript

var clickHandler = function(e){
    $("#log").append("<div>" + this.nodeName + ", " + document.activeElement.nodeName +"</div>");
    if (this == document.activeElement)
    {
        $("#log").append("<div>click</div>");
    }
    return false;
};

var button = $("button").bind("click", clickHandler);

$("input").focusout(function(e){
    var ctx = $(this);
    $("#log").append("<div>focusout</div>");
    if (ctx.val() == "") {
        button.unbind("click", clickHandler).one("click", function(){ button.click(clickHandler); return false;});
        window.setTimeout(function() {
            $("#log").append("<div>focusing...</div>");
            ctx.focus();
        }, 100);
        return;
    }
});