JSFiddle - React, Tailwind, and code Playground

HTML

<div id='msgbox'>
<p>This is the <span>message</span></p>
</div>

CSS

#msgbox { position: absolute; top:100px; left:100px; width: 100px; height: 200px; 
background:red;}

JavaScript

$('#msgbox').click(function(evt){ alert("click on msgbox: "+evt.target); });

$('#msgbox span').click(function(evt) { evt.stopPropagation(); } );