JSFiddle - React, Tailwind, and code Playground

HTML

<div>div<div>div2<div id="yourdiv">div3 - excluded div</div></div></div>

CSS

div
{
    border: 1px solid black;
    margin: 0.5em;
    padding: 0.5em;
}

JavaScript

$(document).on("click", function(){
    alert('foo');
});
$('#yourdiv').on("click", function(event){
    event.stopPropagation();
})