JSFiddle - React, Tailwind, and code Playground

HTML

<div id="grandpa">
    <div id="pops">
        <div id="child"></div>
    </div>
</div>

CSS

div {
    border:1px solid red;
    margin:10px;
    padding:10px;
}

JavaScript

$(function () {
    $('div').on('mouseover mouseout', function (event) {
        event.stopPropagation();
        console.log('Capture for ' + event.type + ' target is ' + event.target.id);
    });
});