Why does onmouseout work?

Question

JavaScript

Suppose there is one block and two nested in it

<div id="a">
<div id="b"></div>
<div id="c"></div>
...
</div>

if i write:

document.getElementById('a').onmouseout=function(){console.log("Курсор покинул элемент 'a'");};

Then it will fire both when the cursor leaves the 'a' element and when it leaves the other two elements 'b' and 'c' but remains within the 'a' element.
How can I change the code so that the event fires only on the 'a' element

Answer 1

I'll just leave it here :)
https://learn.javascript.ru/event-bubbling