Что такое event bubbling и capturing?

Когда событие происходит на элементе, оно проходит три фазы: capturing (погружение от window вниз к целевому элементу), target (сам элемент) и bubbling (всплытие обратно вверх). По умолчанию обработчики срабатывают на фазе bubbling. Чтобы поймать на capturing, передаёшь третий аргумент true в addEventListener. На практике bubbling используется чаще, а capturing — для перехвата событий до того, как они дойдут до цели.