Как работает Event в браузере

События (Events) в браузере работают по механизму Event Loop и используют модель всплытия (bubbling) и погружения (capturing).

1. Фазы события:
   • Capturing (погружение) - событие идет от window к целевому элементу
   • Target - достижение целевого элемента
   • Bubbling (всплытие) - событие поднимается от целевого элемента к window

2. Обработчики:

element.addEventListener('click', handler, {capture: true}); // capturing phase
element.addEventListener('click', handler); // bubbling phase (по умолчанию)

3. Event Loop:
   События попадают в очередь (Callback Queue) и обрабатываются когда Call Stack пуст.

4. Делегирование:
   Можно обрабатывать события на родителе, используя event.target:

parent.addEventListener('click', (e) => {
  if(e.target.matches('.child')) {
    // handle child click
  }
});

События могут быть остановлены через e.stopPropagation() или e.stopImmediatePropagation().