SOURCE

function outSideWork(e)
{
    
    alert('My name is outSide,I was working...');
    e.stopPropagation();
}

function inSideWork(e)
{
    e.stopPropagation();
    alert('My name is inSide,I was working...');
}

<div onclick="outSideWork(event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px">
<div id="inSide" style="width:100px; height:100px; background:#CCC"></div>
</div>

body {
    height: 100%;
    width: 100%;
}
#showTraceBox {
    display: none;
}