Zdarzenie w zdarzeniu jak ominac to wyżej?

Witam

Potrzebuje małej pomocy ze zdarzeniami. mam zdarzenie A ktore chce aby bylo wykonywane na calej powiezchni ale gdy ktos kliknie element B to aby tylko B bylo wykonane jak tego dokonac?

<div class="A" onclick="alert('A')">    
    <div class="B" onclick="alert('B')"></div>
</div>

<style>
    .A {width: 200px; height: 200px; background-color: greenyellow;}
    .B {width: 100px; height: 100px; background-color:steelblue; float: right;}
</style>

event.stopPropagation()
https://developer.mozilla.org/pl/docs/DOM/event.stopPropagation