JSFiddle - React, Tailwind, and code Playground

HTML

<div data-type="parent_holder" style="width:500px; height:500px;">
   <div data-type="child_holder" style="width:50px; height:50px; position:absolute;">
      click
   </div>
</div>

JavaScript

$( "body" ).on( "click", "[data-type=parent_holder]", function() {
   alert('parent');
});

$( "body" ).on( "click", "[data-type=child_holder]", function(e) {
   e.stopPropagation();
   alert('child');
});