JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a" onclick="alert('hit');">
    <div id="b">B</div>
    <div id="c">C</div>A</div>

CSS

#a, #b, #c {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    text-align: center;
    line-height: 50px;
}
#a {
    width: 300px;
    height: 300px;
}
#b, #c {
    width: 80%;
    height: 50px;
    margin: 30px auto;
    background-color: #eee;
}

JavaScript

$('#a').children().on('click', function (event) {
    event.stopPropagation();
});