JSFiddle - React, Tailwind, and code Playground

HTML

<div class='outer'>
    <div class='inner'>
    </div>
</div>

CSS

.outer{
    background-color: #6a97f6;
    padding: 100px;
}
.inner{
    height: 100px;
    background-color: #aac4fa;
}

JavaScript

$('.outer')
    .click(function(){
        alert('outer');
    })
    .children()
    .click(function(e){
        e.stopPropagation();
    });