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

Question

[Михаил Р.]

Приветствую!

Имеется ссылка, на нее вешаем событие, при клике по ссылке - производим дальнейшие действия. Вся проблема заключается в том, что в ссылке могут быть вложенные элементы (любые) и получается так, что клик происходит в основном по этому "вложенному элементу", а не по "ссылке".

Вопрос: как ловить клик на ссылке, даже если кликнули по "вложенному элементу" в этой "ссылке"?

Первое пришедшее в голову решение - проверять родителя этого "вложенного элемента", и если родитель нужная нам "ссылка", то выполнять действие. Соответсвенно, если вложений несколько, то el.parentElement.parentElement (ну или циклом). На сколько правильно данное решение?

if(e.target.parentElement.hasAttribute("data-link")) console.log("Родитель - нужная нам ссылка!");

Comments

[Kovalsky]

Илья Кантор хорошую статейку сделал по теме делегирования - https://learn.javascript.ru/event-delegation

Используйте метод closest, который избавит вас от нужды вручную перебирать родительские элементы - https://developer.mozilla.org/ru/docs/Web/API/Elem...

[Михаил Р.]

Kovalsky, спасибо! Получилось через closest, напишите ответом - выберу решением!

Answer 1

[Kovalsky]

Илья Кантор в своей статейке советует юзать closest

Comments

[Александр]

Или для иконок установить pointer-events: none;