Выбор ответа Junior События спрашивают часто обновлено
target и currentTarget
Вопрос
Обработчик висит на ul, пользователь кликнул по span внутри li. Что будет в event.target и event.currentTarget?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: target = span, currentTarget = ul. target это самый глубокий элемент, где событие возникло: span. currentTarget это элемент, на котором висит выполняемый обработчик: ul.
Варианты ответа
target=ul,currentTarget=span- Оба равны
li target=span,currentTarget=ulправильный ответtarget=li,currentTarget=ul
Разбор
target это самый глубокий элемент, где событие возникло: span. currentTarget это элемент, на котором висит выполняемый обработчик: ul. Первый вариант путает их местами. li получился бы, только если кликнуть мимо span. Именно поэтому при делегировании используют target.closest(...).
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Предыдущий вопрос
stopPropagation и соседние обработчики
Следующий вопрос
Всплытие, погружение, делегирование