JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$("#sortable").on("click", "[data-type=parent_holder]", function (e) {
    if (!$(e.target).is('[data-type=parent_holder]')) return;
    alert('parent');
});

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