JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test" contenteditable='true' style="width:500px; overflow: scroll; height: 500px; border: 1px solid #000;">
      <p>Im Eventifid
          <span>Im Not</span>
      </p>
  </div>

JavaScript

$('#test').on('DOMCharacterDataModified',  function( event ) {
    if($(event.target).parent().attr('id') === 'test') {
        alert('modified');
    }
});