JavaScript события фокуса: focus и blur, focusin и focusout | Методы focus и blur | activeElement

✏️ Разберём события focus и blur, события взятия элемента в фокус и событие потери фокуса с элемента. Обсудим разницу между похожими на первый взгляд событиями change и blur. Затронем работу со специальными методами focus и blur для программного взятия определенного элемента в фокус и противоположного действия. Изучим события focusin и focusout — похожие на focus и blur, но, в отличии от них, всплывающие по DOM-дереву вверх. Обсудим задачу получения текущего фокусируемого элемента через DevTools и Live Expression выражение document.activeElement. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:25 | События взятия в фокус — focus ▶ 01:59 | Событие потери фокуса — blur ▶ 02:38 | События focus и blur на практике ▶ 04:35 | Методы focus и blur ▶ 06:12 | События взятия в фокус и потери фокуса — focusin и focusout ▶ 07:52 | HTML-атрибут tabindex ▶ 09:52 | Текущий фокусируемый элемент — document.activeElement ▶ 12:19 | Заключение 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #javascript