JSFiddle - React, Tailwind, and code Playground

HTML

<div onclick="event1(event);" class="wapper">
main contents 
 <div onclick="event2(event);"class="inner">
  inner contents
 </div>
</div>

<script>

</script>

JavaScript

var event1=function(e)
{
    alert(1);
}

var event2=function(e)
{
    e = e || window.event;
    if (e.stopPropagation) {
        e.stopPropagation()
    } else {
        event.cancelBubble = true
    }
    alert(2);
}