В чем разница между target, srcElement и currentTarget?

#dom-events

Вопрос:

Я хотел бы знать разницу между srcTarget, target и currentTarget, чтобы использовать один из них в активном классе на панели навигации, чтобы добавить/удалить его при перемещении мыши, нажмите

Ответ №1:

srcElement является устаревшим псевдонимом для target . Не используйте его.

target является элементом, на котором было инициировано событие.

currentTarget это элемент, который уловил событие.

Например:

 <button id="outer" onclick="foo()">
    <div id="inner">I am a child element</div>
</button>
 

Если пользователь нажмет на #inner элемент, target будет #inner и currentTarget будет #outer .

Вот сравнение этих и других вариантов идеи (включая устаревшие и экспериментальные):

https://developer.mozilla.org/en-US/docs/Web/API/Event/Comparison_of_Event_Targets