Как работают с событием в JavaScript

В JavaScript события обрабатываются через механизм Event Listeners. Можно добавить обработчик с помощью addEventListener или напрямую через атрибут HTML (onclick, onchange и т.д.).

Пример:

const button = document.querySelector('button');
button.addEventListener('click', (event) => {
  console.log('Клик!', event.target);
});

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

• События всплывают (bubbling) от целевого элемента вверх по DOM.
• Можно остановить всплытие через event.stopPropagation().
• Используйте event.preventDefault() для отмены стандартного поведения (например, отправки формы).
• Для делегирования событий используйте event.target на родительском элементе.