Выбор ответа Middle События спрашивают часто обновлено
Порядок capture и bubble
Вопрос
inner лежит внутри outer. Что выведется при клике по inner?
outer.addEventListener('click', () => console.log('A'));
outer.addEventListener('click', () => console.log('B'), true);
inner.addEventListener('click', () => console.log('C'));
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: B C A. Сначала идёт погружение: на outer срабатывает слушатель с capture: true, это B.
Варианты ответа
C A BB C Aправильный ответA B CB A C
Разбор
Сначала идёт погружение: на outer срабатывает слушатель с capture: true, это B. Потом фаза цели на inner: C. Потом всплытие и обычный слушатель outer: A. C A B забывает про погружение. A B C считает, что порядок равен порядку регистрации. B A C ставит всплытие на родителе раньше цели.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.