JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>children</p>
</div>

CSS

div{ background:black; padding:20px; }
p{ background:Red; }

JavaScript

jQuery(document).ready(function($){
    $('div').on('click', function(e) {
        if (e.target !== this) return;
        alert('div clicked');
    });
});