Что такое событийная модель?

Событийная модель (event model) — это система в браузере для обработки событий: их генерации, распространения по DOM и вызова обработчиков.

Компоненты модели

События

Действия пользователя (click, input, scroll) или системы (load, error), генерирующие объект события.

Обработчики (listeners)

Функции, реагирующие на события:

element.addEventListener('click', handler);

Распространение

Событие проходит три фазы: погружение (capturing) → цель (target) → всплытие (bubbling).

Объект события

Содержит данные: target, currentTarget, координаты, методы preventDefault, stopPropagation.

Способы навешивания

• addEventListener (предпочтительно) — несколько обработчиков, контроль фазы.
• свойство (onclick) — один обработчик.
• инлайн-атрибут — устаревший.

Делегирование

Благодаря всплытию один обработчик на родителе обслуживает потомков (в т.ч. динамических) — эффективно.

Коротко для собеседования

Событийная модель — система обработки событий в браузере: генерация события, распространение по DOM (capturing → target → bubbling), вызов обработчиков (addEventListener) с объектом события (target, preventDefault). Всплытие даёт делегирование — один обработчик на родителе.