JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
<input tabIndex="1">
<input tabIndex="2">
<select tabIndex="3">
<option>select menu</option>
</select>
<div tabIndex="4">
a div
</div>
</div>

CSS

.focused {
background: #abcdef;
}

JavaScript

$( "#content" ).delegate( "*", "focus blur", function( event ) {
var elem = $( this );
setTimeout(function() {
elem.toggleClass( "focused", elem.is( ":focus" ) );
}, 0);
});
$(document).ready(function(){
if (!$(':input').is(':focus')){
alert('no focus');
}
});