Тип HTML-событий:
https://developer.mozilla.org/en-US/docs/Web/Events

Создание события в мире HTML:
https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

Отмена события:
https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelable

Обработчики событий:
https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers

Примечание. Каждый объект может иметь только один обработчик события для данного события. Используйте addEventListener(), чтобы применить различные обработчики событий независимо от каждого разное.

Как события распространяются в HTML по умолчанию?

Отправка событий и поток событий DOM

Приложения могут отправлять объекты события с помощью метода dispatchEvent(), и объект события будет распространяться по дереву DOM в соответствии с потоком событий DOM.

Объекты событий отправляются в цель события. Но прежде чем можно будет начать отправку, необходимо определить путь распространения объекта события.

Путь распространения – это упорядоченный список текущих целей события, через которые проходит событие. Этот путь распространения отражает иерархическую древовидную структуру документа. Последний элемент в списке — это цель события, а предшествующие элементы в списке называются предками цели, а непосредственно предшествующий элемент — родителем цели.

Как только путь распространения определен, объект события проходит через одну или несколько фаз события. Существует три фазы события: фаза захвата, фаза цели и фаза пузыря. Объекты событий завершают эти этапы, как описано ниже. Фаза будет пропущена, если она не поддерживается или если распространение объекта события было остановлено.
Например, если для атрибута пузырька задано значение false, фаза пузырька будет пропущена, а если перед отправкой была вызвана функция stopPropagation(), все фазы будут пропущены.

  • Фаза захвата: объект события распространяется через предков цели от окна к родителю цели.
  • Фаза цели: объект события достигает цели объекта события. Если тип события указывает, что событие не всплывает, то объект события остановится после завершения этой фазы.
  • Этап пузыря: объект события распространяется через предков цели в обратном порядке, начиная с родителя цели и заканчивая окном. Этот этап также известен как этап всплытия.