Что такое event.target

Ответ для собеседования

Цель события или целевой элемент (event.target) в JavaScript — это элемент, на котором произошло событие, и который изначально вызвал это событие.

Подробный ответ

Цель события (event.target) представляет собой DOM-элемент, на котором произошло событие. Этот элемент является отправной точкой для процесса распространения события. Значение event.target всегда указывает на элемент, инициировавший событие, независимо от того, где в цепочке распространения (захват или всплытие) был вызван обработчик.

Пример использования event.target:

В этом примере, если кликнуть на дочерний элемент внутри элемента с id="parent", event.target будет ссылаться на дочерний элемент, а не на элемент parent.

Знание и использование event.target полезны для выполнения действий, специфичных для элемента, на котором произошло событие. Например, можно использовать его для делегирования событий, когда один обработчик события на родительском элементе обрабатывает события для множества дочерних элементов.

Еще один пример:

Здесь один обработчик события на ul обрабатывает клики на любых элементах li внутри него, используя event.target для определения, какой элемент был кликнут.