Уроки Javascript #2. Объект Event (Событие), Всплытие и Погружение (Фазы Жизненного Цикла События).

preview_player
Показать описание

В первой части видео мы разберемся, что собой представляет объект Событие (Event) в Javascript, и уделим особое внимание его свойствам: target и currentTarget.

Во сторой части видео мы изучим 3 фазы жизненного цикла события в JS:
1) Погружение (capturing phase)
2) Фаза цели (target phase)
3) Фаза всплытия (bubbling phase)

Также будем использовать метод .stopPropagation() для того, чтобы остановить передачу событий между элементами.

Мои Курсы:

Подписывайся на соц сети:
  1. Vasilii Muravev
  2. javascript события
  3. события в javascript
  4. js
  5. javascript с нуля
  6. javascript уроки
Рекомендации по теме
Уроки Javascript #2. 0:17:15

Уроки Javascript #2. Объект Event (Событие), Всплытие и Погружение (Фазы Жизненного Цикла События)....

Уроки по JavaScript 0:05:45

Уроки по JavaScript | Объект Event в событиях

DOM Events Всплытие 0:09:53

DOM Events Всплытие и погружение JavaScript

Урок 2. JavaScript. 0:20:59

Урок 2. JavaScript. Что такое контекст this. Как работает call, bind, apply...

What Does '(e)' 0:03:09

What Does '(e)' Mean in JavaScript? - Event Handler Object Explained

Про функции, events... 0:44:29

Про функции, events... Люблю JS

JAVASCRIPT СОБЫТИЯ. addEventListener 0:58:39

JAVASCRIPT СОБЫТИЯ. addEventListener делегирование. Cобытия мыши клавиатуры загрузки сайта. Практика...

Что такое Event 0:05:52

Что такое Event Loop в JavaScript? Event Loop Простыми словами

Урок Javascript #14. 0:11:47

Урок Javascript #14. События и обработчики событий (event javascript).

JS/FE Stage#0 2022Q2 1:52:05

JS/FE Stage#0 2022Q2 DOM API and DOM Events

Уроки JavaScript для 0:22:35

Уроки JavaScript для начинающих / #11 – События и обработчик событий в JavaScript...

JavaScript #11: обработчики 0:11:14

JavaScript #11: обработчики событий: onclick, addEventListener, removeEventListener, event...

DOM Events - 0:23:14

DOM Events - onclick vs addEventListener, target vs currentTarget

17. js с 0:12:32

17. js с нуля, ваще с нуля (event.currentTarget)

Что делает метод 0:19:05

Что делает метод event.stopPropagation. 30 вопросов JavaScript собеседования...

Real Time КЛИЕНТ-СЕРВЕР 0:33:49

Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets & комнаты...

Нажатие на кнопку 0:06:36

Нажатие на кнопку в JavaScript (событие и функции)

2. DOM івенти(events) 0:14:02

2. DOM івенти(events) в JavaScript

CSS pointer-events:none; Взаимодействие 0:00:56

CSS pointer-events:none; Взаимодействие сквозь объекты. #Shorts

7 урок DOM: 0:10:32

7 урок DOM: addEventListener на родителе делегирование, event target, event currentTarget...

A Complete Overview 0:15:12

A Complete Overview of JavaScript Events - All You Need To Know

Урок-13. JS. События. 0:32:10

Урок-13. JS. События. AddEventListener, removeEventListener. Types of Events. Типы событий....

DOM Events / 1:03:20

DOM Events / Браузерные события

[36] Event Delegation 0:06:23

[36] Event Delegation (Делегирование событий) | JavaScript | [Подготовка JS разработчика к интервью]...

Комментарии
Автор

Давно я не встречал такого годного контента! Простым языком, структурировано и без воды 👍👍👍
Еще и голос такой, как будто смотрю MTV)

maximtantsura
Автор

этого урока мне не хватало, вы единственный кто данную тему затронул

DmitriyDev
Автор

Боже! Первый раз в жизни пишу комментарий на ютубе, но это видео реально объяснило то, что я долго не могла понять! Спасибо большое!

rmktmbk
Автор

Спасибо большое, уникальная подача материала!

fantast
Автор

Василий, спасибо вам огромное! Безумно просто и понятно

eclipseweb
Автор

Спасибо огромное, за столь содержательное и компактное видео! Всё, что нужно, осветили! Очень приятно Вас слушать. Буду смотреть и другие уроки на канале!

vtoyqct
Автор

Еще не было ни одного видео на этом канале, которое бы не оставило ясность в вопросе. Спасибо.

zozoukr
Автор

огромное спасибо!! очень помогло в решении простенькой задачи! автору респект =)))

askoldtsentseusti-
Автор

Спасибо друг, так понятно все объясняешь 👏

enigma
Автор

Вы молодец очень доходчиво объясняете. Постарайтесь продолжать Вашу работу

iecgurj
Автор

Благодарю за такое хорошее объяснение! Читала-читала на разных сайтах, никак не могла понять, а посмотрев Ваше видео, сразу все прояснилось в голове!)

niteilcaesgo
Автор

Спасибо, было очень понятно и полезно.

alexandershcheglov
Автор

Спасибо! Всё понятно, классное видео.
Интересно, что это видео я смотрел месяц назад и задания просто перепечатывал, как машинистка. Прошло время и теперь все понятно))). Так оно, видимо, и происходит, постепенно усваивается.

vitalygaraev
Автор

Благодарю за видео! Почему я сразу не нашел этого видео? Мне понравилось объяснение - все четко подробно и понятно! Благодарю, а то эти всплытия и погружения трудно давались.

Expertdog
Автор

Урок просто супер! Теперь всё стало понятно почему в javascript именно так обрабатываются события, другого (более лучшего) алгоритма и придумать нельзя.

dluuplt
Автор

Классный урок - все спокойно, понятно и по делу. Спасибо большое!

anikinae
Автор

Изучаю всё что связано с фронтенд разработкой уже долгое время и смотрел много видосов по js но настолько хорошую подачу материала встречаю впервые, очень всё понятно и легко воспринимается

OlexanderDoliuk
Автор

Василий, сеасибо большое за этот урок. Долгое время не мог понять смысл event, читал много раз, но все равно не понимал. А ты доходчиво и простым язвэыком все объяснил, теперь все понятно. Респектт👍

bazilio-bazilio
Автор

Очень нравится ваша подача! Оттачиваю свои навыки по каждому из уроков. Смакую!!!

hirwkkv
Автор

Смотрю третье видео, Вы просто круто объясняете, если кто-то и может делать стоящие уроки то это явно Вы.

-Vladimir--