Данное видео рассматривает механизм работы событий на веб-странице и назначение обработчиков событий на JavaScript. На примере показано, что такое Погружение и Всплытие событий (Capturing and Bubbling events). Мы так же разбираем как работает делегирование событий. Ну и конечно же знакомимся с самим объектом Event. Все это изучается на основе трех вариантов назначения обработчиков: через HTML параметры, назначение функции свойству события и через добавления обработчика в очередь через addEventListener.

#javascript #js #events #addEventListener #preventDefault #stopPropagation

Часть 1 - Основы JavaScript - https://youtu.be/EeUMTst0vuw
Часть 2 - Продвинутый JavaScript - https://youtu.be/u4nOO4wUtBw
Часть 3 - Объектная модель документа DOM - https://youtu.be/jdVRDdm6R6I

Полный курс Web-программирование - https://youtu.be/0rKu6vKL01s

Содержание Часть 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 - Примеры