Как правильно узнать является ли элемент дочерним?

Question

[Сашка Брамс]

есть структура:

<div>
    <form
         <ul>
             <li>
                   <a>

как узнать, является ли <a> дочерним элементом <div> ?

нативный js..

Отслеживаю клик по div,
кликаю на a (вроде как и div задел т.к <a> то дочерний, но event.target показывает <a> - все верно, но нужно чтобы проверка на клик по div прошла)

Comments

[Алексей Уколов]

Вы лучше код свой покажите, который не работает, а то ничего непонятно.

Answer 1

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

Делегирование событий: https://learn.javascript.ru/event-delegation
Обработчик события нужно вешать на div. Тогда всегда, при взаимодействии со вложенными элементами, событие всплывет выше до дива.

Comments

[Сашка Брамс]

Денис Инешин
Суть понял, но не понял как можно применить в такой ситуации:
Как закрывать выпадающее меню при клике вне его самого?

там при клике вне меню должно закрываться, я сравниваю target, но если меню открыто и я кликнул на дочерний target != и все закрывается...

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

Сашка Брамс: на корневой элемент меню вешаем event.stopPropagation(); в этом случае мы запретим событию всплывать выше. Соответственно клик вне закроет меню, а клик внтури нет. Загуглите этот метод.

[Сашка Брамс]

Денис Инешин: Спасибо)

Answer 2

[timfcsm]

target это целевой элемент, по которому кликнули... проверяйте на this или event.currentTarget