JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<form>
    <input type="text" name="txt">
    <button name="btn">Check the text</button>
</form>

JavaScript

var $btn = $('[name="btn"]'),
    $txt = $('[name="txt"]'),
    isFocused = false;
function saveFocusState() {
    isFocused = $txt.is(':focus');
}
function resetFocusState() {
    isFocused = false;
}
$btn.on('mouseenter', function() {
    saveFocusState();
});
$btn.on('click', function(e) {
    e.preventDefault();
    if(isFocused) {
        console.log('Input is focused. Handle the click');
    } else {
        console.log('Input is not focused');
    }
    resetFocusState();
});