Погружение событий

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

Погружение событий (event capturing) в JavaScript — это фаза распространения события, в которой событие перемещается от корневого элемента документа вниз по дереву DOM к целевому элементу перед тем, как достигнуть самого целевого элемента и перейти к фазе всплытия.

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

Погружение событий, также известное как фаза захвата (capturing phase), является одной из трех фаз процесса распространения события в JavaScript. Во время этой фазы событие сначала распространяется сверху вниз по дереву DOM, начиная от корневого элемента (например, document) и проходя через все промежуточные элементы до достижения целевого элемента, на котором произошло событие.

Метод addEventListener позволяет назначить обработчик события, который будет срабатывать на этапе захвата. Для этого необходимо указать третий аргумент метода как true.

Пример использования фазы захвата:

В этом примере, при клике на элемент inner, сначала выполнится обработчик на элементе outer в фазе захвата, а затем обработчик на самом элементе inner.

Погружение событий полезно в ситуациях, когда необходимо перехватить и обработать событие до того, как оно достигнет целевого элемента. Это может быть использовано для реализации различных логик, таких как предварительная обработка событий или предотвращение их дальнейшего распространения.