Как запретить вызов функции главного элемента?

Question

[Archakov Dennis]

Имеется к примеру элемент:

<div class="hello" onclick="func();">
<span>Hello World!</span>
<span onclick="world();">CLICK!</span>
</div>

Я кликаю на CLICK! и вызывается функция моя и hello();. Как запретить вызов функции hello(); если я кликнул по CLICK!?

Answer 1

[Николай]

Это называется event bubling.
Почитать об этом можно тут: хабр. Статья старая, но ничего с тех пор не особо не изменилось.
Если кратко:
клик на элементе по умолчанию передаётся всем его родителям в DOM дереве( отсюда и свойство bubling т.е. как пузырёк поднимается вверх по DOM дереву)
Чтобы этого не происходило - нужно в обработчике вызватьevent.stopPropagation()

Answer 2

[Dark Hole]

Event.stopPropagation

function hello(a){
a.stopPropagation();
//other code
};