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

👇 Разверни для полной информации

00:00 Вопрос и варианты ответа
02:00 Рассматриваем всплытие событий
09:10 Делегирование событий - пример
12:20 Клик на элементах списка и делегирование событий

Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

[alexanderalexander]

Спасибо!
Супер! То что надо!
Ждем еще!

[TheMariaBrus]

урра! Новый курс! Да еще и по такой актуальной теме. Могу сказать одно, я бы на этот вопрос ответила верно - так как в свое время долго мучалась с вложенным меню и(!) именно у вас в одном из уроков нашла ответ почему. Поэтому только прочитав названия метода stopPropagation ответ "всплыл" в памяти сам по себе)). Еще раз большое спасибо за очень полезные уроки.

[АндрейМаксименя]

Спасибо! Очень качественный и подробный разбор!
Подскажите а откуда были взяты эти задачки? Мне они уже попадались, хотел бы взглянуть на них все.

[irinasname]

Дякую, побачила тільки зараз, цікава і корисна інфа)

[artem_doronin]

Ты такой красавчик! Все очень грамотно и понятно разложил!

[ДмитроКазаров]

Классная идея этого курса. Все как всегда подробно и доходчиво. Спасибо Александр.

[СергійСанніков]

Александр, большое спасибо за ваш труд!

[Александр-евн]

Как и все видео супер!!! Александр скажите, а нет ли у Вас желания продолжить цикл видео "Хочу это развидеть"?! Когда в голову никакие уроки уже не лезут, хочется переключиться на что-то вроде таких видео:)

[crogot]

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

[jinke]

О, я помню применял этот метод в мини-проекте ещё по курсу "Практический JS". Теперь благодаря вашему видео, я понял, что мой код можно было в разы упростить.

[ВадимКошель-лл]

Спасибо, очень хорошо объясняете. P.s. Поправьте у себя в названии: Что делаем метод.... на Что делает....

[ИгорьЛатуха]

Нужно обязательно пройти этот курс 👍. Цена данного курса очень привлекательная 😁.

[ДанилПономаренко-яо]

Спасибо за видео! Остался вопрос: А если внутри li будет расположена ссылка, а внутри ссылки допустим span, то как нам проверять если мы кликнем на ссылку или span?

[zergzerg]

Не понятно чем чревато дальнейшее передача текущего события вверх по цепочке к предку, захламление памяти ненужными слушателями ?

[avocodeuser]

Александр, сделайте курс по vue js, на данный момент это очень актуально.

[RomanEschenko]

Посоветуйте пожалуйста бумажные книги по web разработке, JavaScript, фреймворкам

[evgenymx]

А как ловить клик по кнопке, но если в кнопке есть ещё дивы или другие элементы, то-есть если addEvent повесить на кнопку, и в ней будет допустим svg. и кликая по кнопке попадая на svg код не сработает

[now]

Круто, спасибо повторил давно забытое), только ведь делегировать события можно и без stop.propogation, if ( e.target.classlist === elem.classlist), вроде бы так раньше делалось, с телефона сижу, нет возможности проверить, тогда ни какого доп метода не нужно, поправьте если не прав)

[denisflip]

После просмотра видео все равно 3ий кажется правильным(

[mrCetus]

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