Почему дублируется клик?

Question

[ExactlyDude]

При нажатии на p, и a элементы клики дублируется. Почему?
https://codepen.io/EXDude/pen/xxgExqa

Answer 1

[Денис Инешин]

Потому что в большинстве случаев вы кликаете по <label>. Label имеет специальную функциональность - он переносит событие на связанный инпут и выглядит это так как будто вы кликнули на лэйбл а потом сразу на инпут.

Comments

[ExactlyDude]

Очевидно что label функционирует именно так, но событие на клик висит у обычного блока div а не у label

[ExactlyDude]

Просто интересно почему так выходит, и что там под капотом происходит с label

[Денис Инешин]

ExactlyDude, почитайте про всптытие событий. Когда вы кликаете по label собыитие всплывает вверх и ваш див его ловит. Потом еще один клик по инпуту всптывает так же вверх и див снова его ловит