Основы веб-разработки
Доступность, скорость, HTTP, отладка и организация фронтенда: понятные инструкции, ограничения и контрольные списки для рабочего сайта.
Input и change: изменение значения и его подтверждение
Input и change сообщают о разных этапах взаимодействия с полем. Для текстового ввода input обычно приходит по мере редактирования, а change — при подтверждении изменения, например после ухода из поля.
События композиции: не мешать вводу через IME
При вводе через метод композиции пользователь может собирать символы из промежуточных состояний. Поиск или проверка не должны преждевременно считать каждое такое состояние завершённой строкой.
Pointer Events: мышь, касание и перо в одной модели
Pointer Events объединяет события разных указательных устройств. Это помогает избежать отдельных почти одинаковых обработчиков мыши и касания, сохранив сведения о типе указателя.
relatedTarget: отличить переход внутри блока от выхода
RelatedTarget у мышиного события помогает понять, куда перешёл указатель или откуда он пришёл. Это полезно, когда обработчик стоит на контейнере с несколькими вложенными элементами.
Focusin и focusout: наблюдение за фокусом группы
Всплывающие события focusin и focusout позволяют следить за переходами фокуса на уровне контейнера. Это полезно для группы полей, где не хочется подключать отдельную логику к каждому элементу.