Как поймать событие на уровне дочернего элемента?

Question

[Ксения]

Всем привет!
Как мне на чистом JS навесить событие на родительский контейнер так, чтобы различать, внутри какого его дочернего элемента произошло событие?
https://jsfiddle.net/TGNC/aw6fcsxh/1/

в примере таргетом может быть и и .contSm а мне нужно получать именно сам .contSm

Answer 1

[Igor Koch]

event.target :
https://jsfiddle.net/whata/aw6fcsxh/2/
https://jsfiddle.net/whata/aw6fcsxh/5/

Comments

[Ксения]

Если я кликну по p, то таргетом будет p, а мне нужен контейнер, в котором он находится. Внутри может быть много элементов на разных уровнях.
Получается, при клике, событие всплывает... Как мне отследить это всплытие до элемента с нужным мне классом и получить этот самый объект? Грубо говоря, как понять, внутри первого квадрата кликнули ил второго (не важно, на что там внутри него кликнули)?

[Igor Koch]

Ксения, Простыми словами нужно получить элемент второго уровня в contBig, независимо на какой элемент нажали и на каком уровне внутри?

[Ксения]

Igor Koch, да

[Igor Koch]

Ксения, https://jsfiddle.net/whata/aw6fcsxh/5/

[Ксения]

Igor Koch, спасибо!

Answer 2

[Павел Корнилов]

https://jsfiddle.net/ov82ajot/
Делегирование