JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true" id="content_editable_div">
  <div id="first_div" tabindex="1">
    I am the first div
  </div>
  <div id="second_div" tabindex="2">
    I am the second div and i want to know if the focus is on me
  </div>
</div>
<div class="output"></div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
<script>
  $(document).ready(function() {
    $('#first_div').on('focus', function() {
      $('.output').text("First div focused");
    });
    $('#second_div').on('focus', function() {
      $('.output').text("Second div focused");
    });
  });
</script>