JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<input /> <button>hi</button><br />

JavaScript

window.addEventListener( "focusin", function() { 
    $( 'body' ).append('native <br />'); 
}, false );
$( document ).bind( 'focusin.namespaced', function() {
    $( 'body' ).append( 'document jquery <br />' );
});
$( "body" ).bind( 'focusin.namespaced', function() {
    $( "body" ).append( 'body jquery <br />' );
});
$( 'input' ).bind( 'focusin.namespaced', function() {
    $( 'body' ).append( 'element jquery <br />' );
});

// $( 'input')[0].focus();
$( 'body' ).append( '<br />jquery trigger: <br />' );
$( 'input').trigger( 'focus');