Типы событий пользовательского интерфейса 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

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