JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" />

CSS

body { padding: 3px;}

JavaScript

var ArrowFlag = "1";
console.log('OnLoad = ' + ArrowFlag);

// Disable Arrows on TextArea:focus 
$('input').focusin( function() {
    ArrowFlag = "0";
    console.log('OnFocus = ' + ArrowFlag);
});

$('input').focusout( function() {
    ArrowFlag = "1";
});



$(document).bind('keyup', function() {
    console.log('OnKeyUp = ' + ArrowFlag);
});