Тёмный

В чем различия Onclick и AddEventListener? Сравниваем в 6 раундах 

WebDev с нуля. Канал Алекса Лущенко
Просмотров 10 тыс.
50% 1

🔶 cabinet.itgid.info/ru/course/...
Задать вопрос по курсу: telegram.me/itgid_admin
✈️ Телеграм канал общий: t.me/itgid_info
=============Поддержать==============
www.buymeacoffee.com/itgid
=====================================
👨‍🎓 Курсы:
HTML : itgid.info/ru/course/html
JavaScript 2.0: itgid.info/ru/course/js20
ReactJS: itgid.info/ru/course/reactjs
PHP: itgid.info/ru/course/php
Интернет магазин: itgid.info/ru/course/nodeshop
Канал ru: / itgid
Канал UA: / @itgidua-web7836
Изучаем чем отличается в JavaScript добавление событий через свойство on (например onclick) от добавления через addEventListener. Сравниваем эти два способа добавления событий по способу добавления и удаления событий, по добавлению нескольких событий на элемент. Рассматриваем возможность гибко отключать (удалять) события через on и removeEvent, делаем события, которые запускаются один раз через once. Также изучаем возможность отключать все события на элементе одного типа. Изучаем как работает addEventListener с анонимными функциями и проблемы отключения таких событий.
00:00 Вступление
02:20 Добавление событий
05:00 Добавление двух обработчиков на событие
10:38 Удаление событий
15:50 Запуск события один раз
19:30 Удаление всех событий
25:00 События и анонимные функции
Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, 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
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

Опубликовано:

 

7 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@MrStereolight
@MrStereolight Год назад
Очень полезно, курс просто чума! Прохожу с удовольствием на одном дыхании. Автору низкий поклон до земли!
@jinke5935
@jinke5935 Год назад
От "Костыли - наше всё!" до "Но работает же!".)
@user-sp9ps8fg1w
@user-sp9ps8fg1w 8 месяцев назад
Спасибо, очень полезно. Смотрю Ваши ролики для повторения и изучения нового!)
@niggative3331
@niggative3331 Год назад
Спасибо за урок! Уроки со сравнением супер! ❤❤❤
@KrivovNikolay
@KrivovNikolay Год назад
Все супер! Все понятно и и информативно 👍👍
@user-ip7zy3qv3v
@user-ip7zy3qv3v Год назад
Александр, приветствую! У addEventListener есть еще одна мощнейшая плюшка, это делегирование событий, через объект события внутри родительского элемента. По сути нужно обработчики событий и колл-беки навешивать, таким образом, чтобы не выдумывать костыли. :)
@user-qz8kj3tr8i
@user-qz8kj3tr8i Год назад
Как всегда разложили все по полочкам! 👍
@alexb.2616
@alexb.2616 Год назад
Отличный репортаж. Спасибо!
@Bakhshyan
@Bakhshyan Год назад
спасибо за видео,вы лучший
@lisofsky8151
@lisofsky8151 Год назад
Александр, спасибо за видео ! как всегда топ ! скажите пожалуйста как у вас ноут на райзоне сильно грееется или это удел лишь старых пк ?
@yakut54
@yakut54 Год назад
Спасибо за науку !!! Всем мир!
@Tipuchek
@Tipuchek Год назад
Завжди корисно! Дякую
@arsa946
@arsa946 Год назад
Спасибо!
@diego199705vlad
@diego199705vlad Год назад
Дякую за відео,💪👍
@nic-ori
@nic-ori Год назад
Thanks.
@A_A_A182
@A_A_A182 Год назад
Только вчера на leranJS прошел тему и тут видео)
@user-rg8wz2rt9e
@user-rg8wz2rt9e Год назад
Очень понятно
@user-er8sm7vg2e
@user-er8sm7vg2e Год назад
Дякую за урок
@user-rk7zn5kh4q
@user-rk7zn5kh4q Год назад
Дякую!!!
@DerAleksey
@DerAleksey Год назад
вообще интересно, я узнал что в программировании используются "костыли". Но честно говоря здесь я планировал увидеть, если разница в скорости их использовании
@user-gk4ye4zh5x
@user-gk4ye4zh5x Год назад
Благодарю за урок. Много нового для себя узнала. Не понятно только про удаление. Почему нельзя просто удалить саму запись в коде? К чему писать сначала add..., затем remove... , если можно просто стереть запись или закомментировать? Зачем излишки кода?
@dmaberlin
@dmaberlin Год назад
подскажите, как Правильно проходить видео курс, и учебники? например на втором мониторе идёт видео курс, там пишеться код, просто повторять особо не даст результат. Я Делаю так - посмотрел пару минут, ставлю на паузу и пытаюсь повторить, если не могу вспомнить что там было- смотрю на втором монитор. Так же делаю в варианте с учебником или туториалом из интернета. Это нормас или есть вариант получше ? в плане обучения
@CreatorDreamer
@CreatorDreamer 5 месяцев назад
Меня больше интересует вопрос нагрузки на память. addEvent по моему мнению это постоянно запущенное событие - слушатель. А при добавлении onClick в код строки в htnl как мне кажется вызывается только в момент необходимочти. Конечно возможно я ошибабсь. Поэтому и ссотрел видео, думад узнаю ответ.
@baxtiyor5551
@baxtiyor5551 Год назад
как написать код так что-бы когда пролистываете див появлялся с анимации?
@user-mb8iz7uj8i
@user-mb8iz7uj8i Год назад
Здравствуйте. Немного не по теме по PHP. Не могу найти систему - браузер\js - запрос на сервер > запускается php отправляет ответ, не завершается и ждёт новый запрос от браузера. Как называется система, как набрать в поиске? Есть важные данные которые нельзя отправлять в браузер, или сохранять в базе? или есть какая сесионная переменная?
@itgid
@itgid Год назад
Напишите в личку. Есть на сайте данные
@akkerman6866
@akkerman6866 Год назад
у меня одного сайты курсов не грузятся?
@DVmakes
@DVmakes 9 месяцев назад
EventListener - win!
@user-xw2on1rw1i
@user-xw2on1rw1i Год назад
Тема разжёвана, пережёвана и засунута в клювик. Но иногда событие ставят прямо в тэге. Есть ли какие-то особенности и стоит ли так делать?
@yakut54
@yakut54 Год назад
Каюсь. Грешен. Тоже так делал несколько раз. Теперь, после этого урока, 10 раз подумаю куда событие прикрутить.
@liringea
@liringea Год назад
element.removeAttribute('onclick')
@yakut54
@yakut54 Год назад
@@liringea судя по всему его точно так же и навешать снова можно.... надо затестить.
@user-sy9gi3vg2e
@user-sy9gi3vg2e 9 месяцев назад
событие вешать в тэг можно . но это прошлый век, и признак дурного тона
@user-li9be3jj3z
@user-li9be3jj3z Год назад
Щас смотрю ваши видео 5ти летней давности
@artemromanenko6069
@artemromanenko6069 Год назад
А вам не кажется, что 5й раунд надо начинать с оговоркой "Если код писали утырки...", по нормальному - выносим отдельный хендлер и в него пишем функции, которые он вызывает..??? В любом случае - это будет самый управляемый вариант. Почему-то как раз самый что ни на есть разумный вариант назван костылём... ИМХО, как раз не костыль - 1 событие - 1 хендлер. Сам хендлер может содержать и последовательность и условия и что вообще угодно, если надо добавить, полностью / частично удалить и т.д. - просто дописывается новая функция и добавляется в хендлер, или сам хендлер редактируется при необходимости удалить, частично или изменить последовательность, а если надо удалить всё - просто ремувится сам хендлер и всё чисто. Уважаю Алекса, но тут с понятием "костыль" не согласен в корне
@snap9501
@snap9501 Год назад
Спасибо за видео. Нет войне!
@user-uz5yr5me5r
@user-uz5yr5me5r Год назад
Нет нацизму- национализму на Украине!!!
@monstrik7665
@monstrik7665 Год назад
​@@user-uz5yr5me5rего там нет.
@morph2049
@morph2049 Год назад
@@monstrik7665 не пизди
@user-ts3vm6pl4i
@user-ts3vm6pl4i Год назад
А в чате всех банят кто не согласен с автором или это я такой уникальный? ))))))
@sergeykushakov3157
@sergeykushakov3157 5 месяцев назад
ох и долго , все уложилось бы в пару минут.
@Dude_truthteller
@Dude_truthteller Год назад
а буде контент українською ? Слухати окупанські хрюки принципово не хочу
@itgid
@itgid Год назад
А зайдіть, будь ласка в опис до відео. Там є посилання на Український канал ru-vid.com/show-UC2WYDELeKCCfJoQMFPiMvJg
@Dude_truthteller
@Dude_truthteller Год назад
@@itgid дякую
@evgeniika8426
@evgeniika8426 Год назад
Спасибо!
Далее
TrueJS 32. AddEventListener - события
25:37
Просмотров 36 тыс.
Node.js или PHP - похоливарим
21:59
Просмотров 66 тыс.