Лекция 1.12 - Web - Обработка событий в JavaScript (всплывание, делегирование, отмена)
Данное видео рассматривает механизм работы событий на веб-странице и назначение обработчиков событий на JavaScript. На примере показано, что такое Погружение и Всплытие событий (Capturing and Bubbling events). Мы так же разбираем как работает делегирование событий. Ну и конечно же знакомимся с самим объектом Event. Все это изучается на основе трех вариантов назначения обработчиков: через HTML параметры, назначение функции свойству события и через добавления обработчика в очередь через addEventListener.
#javascript #js #events #addEventListener #preventDefault #stopPropagation
Часть 1 - Основы JavaScript - • Лекция 1.9 - Web - Основы языка JavaS...
Часть 2 - Продвинутый JavaScript - • Лекция 1.10 - Web - Продвинутый Javas...
Часть 3 - Объектная модель документа DOM - • Лекция 1.11 - Web - Объектная Модель ...
Полный курс Web-программирование - • Обзор курса WEB-программирование
Содержание Часть 4:
00:00 - Вступление
00:38 - Способы назначения обработчиков событий
05:00 - Пример назначение обработчика через свойство on...
10:00 - Пример назначения обработчика через addEventListener
15:05 - Детальное рассмотрение метода addEventListener и его параметров
19:00 - Механизм погружения и всплытия событий. Контроль момента вызова обработчика
30:09 - Примеры с передачей объекта config в качестве третьего параметра в addEventListener. Разовый обрабочик ( once: true )
32:45 - Свойства объекта Event
39:30 - Свойство target и currentTarget у объекта Event
41:50 - Делегирование событий
46:45 - Отмена обработчика событий по умолчанию - preventDefault()
50:35 - Блокировка всплытия события - stopPropagation()
53:35 - Пример обработчика событий (через делегирование) для динамически создаваемых элементов на странице
1:02:22 - Обзор стандартных событий эелементов страницы
1:03:50 - Примеры
