JSFiddle - React, Tailwind, and code Playground

HTML

<div><span></span></div>

CSS

div {
   background:green;
    width:50px;
    height:50px;
}

span {
    display:inline-block;
    width:10px;
    height:10px;
    background:red;
}

JavaScript

$(document).on("click","div",function(){
    alert('foo');
});

$(document).on("click","span",function(e){
    e.stopPropogandition();
});