В какой момент обычно отлавливается событие

События отлавливаются во время фазы захвата (capturing) или всплытия (bubbling). По умолчанию обработчики срабатывают на фазе всплытия (когда событие поднимается от целевого элемента к document).

Пример с addEventListener:

element.addEventListener('click', handler, false); // всплытие (по умолчанию)
element.addEventListener('click', handler, true);  // захват (сверху вниз)

Нюансы:

• event.stopPropagation() прерывает распространение события.
• Некоторые события (например, focus) не всплывают.
• Можно использовать event.target (исходный элемент) и event.currentTarget (текущий обработчик).