Почему onmouseout срабатывает?

Question

[newaitix]

Предположим есть один блок и два вложенных в него

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

если я напишу:

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

То он будит срабатывать и когда курсор покидает элемент 'a' и когда покидает два остальных элемента 'b' и 'c' но при этом остается в пределах элемент 'a'.
Как можно переделать код чтоб событие срабатывало только на элемент 'a'

Answer 1

[Halyluya]

просто оставлю здесь :)
https://learn.javascript.ru/event-bubbling