JSFiddle - React, Tailwind, and code Playground

by ArondeParon

HTML

<script>
    function parentHandler(e) {
        alert('parent clicked');
    };
    
    function childHandler(e) {
        if (!e) var e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();    
    
        alert('child clicked');
    
    };    
</script>

<div id="parent" onclick="parentHandler();">
    Foo
    <div id="child" onclick="childHandler()">
        Bar
    </div>
</div>

CSS

#parent, #child {
    border: 1px solid red;
    background: #ddd;
    padding: 5px;
}