Начинаем знакомиться с браузерными событиями. Разбираем способы добавления обработчиков событий на элементы через атрибуты в разметке, через свойства DOM-элементов, а также через метод addEventListener. Узнаем как удалять обработчики события с элементов через метод removeEventListener. Обсудим объект события event, его свойства target и currentTarget. Затронем контекст this в рамках функции обработчика событий. Разберём важнейшую концепциию всплытия и погружения событий. Научимся прерывать всплытие событий через методы stopPropagation и stopImmediatePropagation. Timeline: 00:00 | Введение 00:29 | События в браузере 01:30 | Обработка событий — атрибут в HTML-разметке 03:25 | Обработка событий — свойство события у DOM-элемента 05:22 | Проблемы обработки событий через HTML-атрибут и свойство события DOM-элемент 06:24 | Обработка событий — метод addEventListener 08:12 | Удаление события — метод removeEventListener 10:48 | Объект события — event 12:12 | Всплытие и погружение событий 13:43 | Целевой элемент всплывающего события — свойство target объекта event 14:27 | Свойство currentTarget объекта event 15:02 | Контекст this в функции обработчика событий 15:39 | Отмена всплытия события — метод stopPropagation 17:15 | “Жесткая” отмена всплытия события — метод stopImmediatePropagation 18:14 | Фаза погружения события (capturing) 21:26 | Заключение Ссылки: Документация по JavaScript от MDN:
Русскоязычный справочник по JavaScript Doka:
Фундаментальный онлайн учебник по JavaScript:
Чат в телеграмме (помощь новичкам):
Boosty (поддержать канал):
Бесплатные курсы на канале: HTML: • HTML курс 2025 CSS: • CSS курс 2025 JS: • JavaScript курс 2025 A11y: • Accessibility курс 2025 Мастер-класс по верстке для новичков: • Адаптивная верстка сайта с нуля для н... Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Вёрстка сайта с 0 до результата | HTM... Frontend Roadmap 2024 • Frontend Roadmap 2024 | Что должен уч... Автор: Личный сайт:
Telegram:
Boosty:
GetMentor:
Solvery:
#frontend #фронтенд #js #javascript
