DOM и React Middle События обновлено
Порядок фаз события
Условие
Собери порядок срабатывания обработчиков в массив order: на внешнем div - фаза перехвата, на внутреннем button - всплытие, на внешнем div - тоже всплытие. Верни order после клика по кнопке.
Что проверяют тесты
перехват, цель, всплытие
Как подойти
Три фазы: capture от window к цели, target, bubble обратно. addEventListener(type, fn, true) вешает на перехват. Перехват нужен, когда надо обработать событие раньше потомков - например, глобально закрыть выпадашку или остановить событие до того, как до него доберётся чужой код.
Подсказки: 2
- Третий аргумент addEventListener - фаза перехвата.
- Событие идёт сверху вниз (перехват), доходит до цели, потом снизу вверх (всплытие).
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.