JSFiddle - React, Tailwind, and code Playground

HTML

<div id="surrogate" tabindex="1">Hi</div>

JavaScript

var otherObj = { focus: function() { console.log('boo'); } };

$(function() {
    $('#surrogate').focus(function() {
        $(otherObj).trigger('focus');
    });
    
    $(otherObj).bind('focus', function() {
        console.log('hello');
    });
});