JSFiddle - React, Tailwind, and code Playground

HTML

<div id='myeditdiv' contenteditable='true'>
  <span class='foo_cl'>FOO<span class='bar_cl'>bar</span</span>
</div>

JavaScript

$('[contenteditable]').find(':not(:focusable)').attr('tabindex', -1).end().on('focus', '*', function(e){
    e.stopPropagation();
    console.log(this);
});