Вопрос из собеседования JavaScript, ответ?

Question

[Bogdnan123]

Есть div, на нем весит onclick, в этом div, есть еще один div на котором висит тот же onclick.
Вопрос: При нажатии на блок, какой из onclick вызовится первым или же они вызовутся оба?

p.s. - Просьба к адекватным людям, если вопрос тупой и очень легкий, просьба дать ответ без "зайди в гугл", "о боже" и тд, спасибо

Comments

[Владислав Лысков]

Даже в гугл заходить не надо, надо просто взять и проверить, это даже быстрее, чем задать вопрос тут

Answer 1

[Dnebl]

https://learn.javascript.ru/event-bubbling

Answer 2

[hzzzzl]

зачем гадать

Answer 3

[xmoonlight]

линк

Принцип всплытия очень простой.
Когда на элементе происходит событие, обработчики сначала срабатывают на нём, потом на его родителе, затем выше и так далее, вверх по цепочке предков.

Comments

[Bogdnan123]

Вот так же и ответил, говорят - не верно!

[WapSter]

Всплытие должно произойти.

[xmoonlight]

Bogdnan123, да... не знал... (редко такое нужно..) сам ща зашёл по ссылке и просветился.

[xmoonlight]

WapSter, да, я понял... можно на этом принципе генерить нехилую защиту против спам-ботов для форм без капчи.

[WapSter]

xmoonlight, возможно. Я вообще не помню применял ли когда нибудь всплытие на практике.

[xmoonlight]

WapSter, я точно никогда не применял.. зачем интересно такие вопросы задают на собеседовании?) Можно ещё что-нить спросить никогда неиспользуемое, чтобы отсеить тех, кто не нужен под предлогом: "не прошёл тестирование на собеседовании"...)

[hzzzzl]

WapSter, да ладно, повесить один листенер на родителя и слушать e.target, вместо того чтобы вешать на каждого из однотипных 146 детей - это тоже всплытие на практике

[WapSter]

hzzzzl, ну это делегирование, все же немного другое. Но да за счёт всплытия работает.

Answer 4

[valentin_dev]

Сработает обработчик первого блока