Типы событий пользовательского интерфейса InputEvent

События ввода отправляются в виде уведомлений всякий раз, когда DOM обновляется (или собирается обновляться), как прямой результат действия пользователя (например, ввод с клавиатуры в редактируемой области, удаление или форматирование текста, …).

Тип события ввода — beforeinput

Тип события мыши beforeinput
Интерфейс InputEvent
Синх / Асин Синхронный
Всплытие Да
Надежные цели Element (в частности: типы элементов управления, такие как HTMLInputElement и т. д.) Или любой Element с включенным атрибутом «contenteditable»
Отменяемый Да
Сдержанный Да
Действие по умолчанию Обновление элемента DOM
Контекст (доверенные события) Event.target : цель события, которая должна быть обновлена
UIEvent.view : Window
UIEvent.detail : 0
InputEvent.data : строка, содержащая данные, которые будут добавлены к элементу, которые МОГУТ быть null, если содержимое будет удалено
InputEvent.isComposing : Значение true, если это событие отправляется во время последовательности мертвых клавиш (dead key) или во время работы редактора метода ввода (так что отправляются события композиции); false в противном случае.

Пользовательский агент ДОЛЖЕН отправить это событие, когда DOM будет обновлен.

Тип события ввода — input

Тип события мыши input
Интерфейс InputEvent
Синх / Асин Синхронный
Всплытие Да
Надежные цели Element (в частности: типы элементов управления, такие как HTMLInputElement и т. д.) Или любой Element с включенным атрибутом «contenteditable»
Отменяемый Нет
Сдержанный Да
Действие по умолчанию Не назначено
Контекст (доверенные события) Event.target : цель события, которая была только что обновлена
UIEvent.view : Window
UIEvent.detail : 0
InputEvent.data : строка, содержащая данные, которые были добавлены к элементу, которая МОЖЕТ быть пустой строкой, если содержимое было удалено
InputEvent.isComposing : Значение true, если это событие отправляется во время последовательности мертвых клавиш (dead key) или во время работы редактора метода ввода (так что отправляются события композиции); false в противном случае.

Пользовательский агент ДОЛЖЕН отправить это событие сразу же после обновления DOM.

Полная версия документа на русском языке

UI Events | События пользовательского интерфейса

Ссылка на первоисточник

https://www.w3.org/TR/uievents/#events-input-types

Поделись записью