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

Типы событий пользователя интерфейса FocusEvent перечислены ниже:


Типы событий, определенные в этой спецификации, имеют дело исключительно с фокусом документа, а цель события, указанная в деталях события, ДОЛЖНА быть только частью документа или документов в окне, но не частью браузера или операционной системы, даже при переключении с одного на другой, чтобы сфокусировать контекст на другом.

Тип события фокуса — blur

Тип события фокуса blur
Интерфейс FocusEvent
Синх / Асин Синхронный
Всплытие Нет
Надежные цели Window, Element
Отменяемый Нет
Сдержанный Да
Действие по умолчанию Не определено
Контекст (доверенные события) Event.target : цель события потеряла фокус
UIEvent.view : Window
UIEvent.detail : 0
FocusEvent.relatedTarget : цель события, получающая фокус

Пользовательский агент ДОЛЖЕН отправить это событие, когда цель события теряет фокус. Фокус ДОЛЖЕН быть взят из элемента перед отправкой этого типа события. Этот тип события похож на focusout, но отправляется после смещения фокуса и не всплывает.

Тип события фокуса — focus

Тип события фокуса focus
Интерфейс FocusEvent
Синх / Асин Синхронный
Всплытие Нет
Надежные цели Window, Element
Отменяемый Нет
Сдержанный Да
Действие по умолчанию Не определено
Контекст (доверенные события) Event.target : цель события, получающая фокус
UIEvent.view : Window
UIEvent.detail : 0
FocusEvent.relatedTarget : цель события теряющая фокус (если есть)

Пользовательский агент ДОЛЖЕН отправить это событие, когда цель события получает фокус. Фокус ДОЛЖЕН быть отдан элементу перед отправкой этого типа события. Этот тип события похож на focusin, но отправляется после смещения фокуса и не всплывает.

Тип события фокуса — focusin

Тип события фокуса focusin
Интерфейс FocusEvent
Синх / Асин Синхронный
Всплытие Нет
Надежные цели Window, Element
Отменяемый Нет
Сдержанный Да
Действие по умолчанию Не определено
Контекст (доверенные события) Event.target : цель события, получающая фокус
UIEvent.view : Window
UIEvent.detail : 0
FocusEvent.relatedTarget : цель события теряющая фокус (если есть)

Пользовательский агент ДОЛЖЕН отправить это событие, когда цель события должна получить фокус. Этот тип события ДОЛЖЕН быть отправлен до того, как элемент получает фокус. Цель события ДОЛЖНА быть элементом, который должен получить фокус. Этот тип события аналогичен фокусу focus, но отправляется до смещения фокуса и создает всплытия.

При использовании этого типа события автор контента может использовать атрибут relatedTarget события (или метод или средство, зависящие от языка хоста), чтобы получить текущий фокусированный элемент, прежде чем фокус сместится к следующей цели события фокуса, таким образом, имея доступ к обоим элемент теряет фокус и элемент получает фокус без использования типов событий blur или focusout.

Тип события фокуса — focusout

Тип события фокуса focusout
Интерфейс FocusEvent
Синх / Асин Синхронный
Всплытие Да
Надежные цели Window, Element
Отменяемый Нет
Сдержанный Да
Действие по умолчанию Не определено
Контекст (доверенные события) Event.target : цель события потеряла фокус
UIEvent.view : Window
UIEvent.detail : 0
FocusEvent.relatedTarget : цель события, получающая фокус

Пользовательский агент ДОЛЖЕН отправить это событие, когда цель события теряет фокус. Этот тип события ДОЛЖЕН быть отправлен до того, как элемент потеряет фокус. Целью события ДОЛЖЕН быть элемент, который вот-вот потеряет фокус. Этот тип события похож на blur, но отправляется перед смещением фокуса и создает всплытия.

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

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

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

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

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