JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$('[contenteditable]').on('focus', '*', function(e){
    e.stopPropagation();
    console.log(this);
});