====== Ссылка на событие ======
События запускаются для уведомления кода об «интересных изменениях», которые могут повлиять на выполнение кода. Они могут возникать из-за действий пользователя, таких как использование мыши или изменение размера окна, изменений в состоянии базовой среды (например, низкий заряд батареи или мультимедийные события операционной системы) и других причин.
Каждое событие представлено объектом, основанным на Eventинтерфейсе, и может иметь дополнительные настраиваемые поля и/или функции для предоставления информации о том, что произошло. В документации по каждому событию есть таблица (вверху), содержащая ссылку на соответствующий интерфейс события и другую соответствующую информацию. Полный список различных типов событий приведен в разделе Событие > Интерфейсы на основе события .
В этом разделе представлен указатель основных типов событий, которые могут вас заинтересовать (анимация, буфер обмена, рабочие процессы и т. д.), а также основные классы, реализующие эти виды событий. В конце плоский список всех задокументированных событий.
Примечание. На этой странице перечислены многие из наиболее распространенных событий, с которыми вы столкнетесь в Интернете. Если вы ищете событие, которого здесь нет, попробуйте найти его название, область темы или связанную спецификацию в остальной части MDN.
Индекс событий
Тип события Описание Документация
Анимация
События, связанные с API веб-анимации .
Используется для реагирования на изменения состояния анимации (например, когда анимация начинается или заканчивается).
Анимационные события запущены на Document, Window, HTMLElement.
Асинхронная выборка данных
События, связанные с получением данных.
События запущены AbortSignal, XMLHttpRequest, FileReader.
буфер обмена
События, связанные с API буфера обмена .
Используется для уведомления об вырезании, копировании или вставке содержимого.
События запущены Document, Element, Window.
Состав
События, связанные с композицией; ввод текста «косвенно» (вместо обычных нажатий клавиатуры).
Например, текст, введенный с помощью механизма преобразования речи в текст или с использованием специальных комбинаций клавиш, которые изменяют нажатия клавиш для представления новых символов на другом языке.
События запущены Element.
CSS-переход
События, связанные с переходами CSS .
Предоставляет события уведомления, когда переходы CSS начинаются, останавливаются, отменяются и т. д.
События запущены Document, HTMLElement, Window.
База данных
События, связанные с операциями с базой данных: открытие, закрытие, транзакции, ошибки и т. д.
События запущены IDBDatabase, IDBOpenDBRequest, IDBRequest, IDBTransaction.
Мутация DOM
События, связанные с изменениями в иерархии и узлах объектной модели документа (DOM).
Предупреждение: события мутации устарели. Вместо этого следует использовать наблюдателей за мутациями .
Перетаскивание, Колесо
События, связанные с использованием HTML Drag and Drop API и событиями колеса .
События перетаскивания и колеса являются производными от событий мыши. Хотя они запускаются при использовании колесика мыши или перетаскивании, их также можно использовать с другим подходящим оборудованием.
События перетаскивания запущены Document
События колеса запущены Document и Element
Фокус
События, связанные с получением и потерей фокуса элементами.
События запущены Element, Window.
Форма
События, связанные с созданием, сбросом и отправкой форм.
События запущены HTMLFormElement.
Полноэкранный
События, связанные с полноэкранным API .
Используется для оповещения при переходе между полноэкранным и оконным режимами, а также об ошибках, возникающих при этом переходе.
События запущены Document, Element.
Геймпад
События, связанные с Gamepad API .
События запущены Window.
Жесты
Сенсорные события рекомендуются для реализации жестов.
События запущены Document, Element.
Кроме того, есть ряд нестандартных жестовых событий:
Нестандартные специфические для WebKit события Element: gesturestartсобытие , gesturechangeсобытие , gestureendсобытие .
История
События, связанные с History API .
События запущены Window.
Управление отображением содержимого HTML-элемента
События, связанные с изменением состояния отображения или текстового элемента.
События запущены HTMLDetailsElement, HTMLDialogElement, HTMLSlotElement.
Входы
События, связанные с элементами ввода HTML, например ,