Как работают события в браузере

События в браузере работают на основе модели Event Loop, которая обрабатывает асинхронные операции.

1. Event Target (например, DOM-элемент) получает событие (клик, скролл и т.д.).
2. Событие проходит 3 фазы:
   • Capture (сверху вниз, от window до целевого элемента).
   • Target (достигает элемента, на котором произошло событие).
   • Bubbling (снизу вверх, от целевого элемента обратно к window).

Пример:

document.querySelector('button').addEventListener('click', function(e) {
  console.log('Кнопка нажата!');
}, false); // false (по умолчанию) - bubbling, true - capture

Особенности:

• Можно остановить всплытие через e.stopPropagation().
• e.preventDefault() отменяет стандартное поведение (например, отправку формы).
• События из очереди макрозадач (например, setTimeout) обрабатываются после завершения текущего стека вызовов.