В чем различия Onclick и AddEventListener? Сравниваем в 6 раундах
🔶
Задать вопрос по курсу:
✈️ Телеграм канал общий:
👨🎓 Курсы:
HTML :
JavaScript 2.0:
ReactJS:
PHP:
Интернет магазин:
Канал ru:
Канал UA:
Изучаем чем отличается в 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