События и делегирование
Модель событий, всплытие и перехват, делегирование, CustomEvent, оптимизация обработчиков
События и делегирование
События — это основной способ взаимодействия пользователя с веб-страницей. JavaScript позволяет подписываться на события, создавать кастомные события и делегировать обработку.
Что вы узнаете
- Модель событий: bubbling, capturing, Event объект
- Делегирование событий для эффективной обработки
- Кастомные события через CustomEvent
- Оптимизация: passive listeners, { once }, AbortController
Делегирование событий — один из фундаментальных паттернов в браузерном JavaScript. Вместо добавления обработчика к каждому дочернему элементу, добавляем один к родителю.
Подглавы
- Модель событий — Event объект, bubbling, capturing
- Делегирование — паттерн, event.target vs currentTarget
- Кастомные события — CustomEvent, dispatchEvent
- Оптимизация — passive, once, AbortController