События запускаются для уведомления кода об «интересных изменениях», которые могут повлиять на выполнение кода. Они могут возникать из-за действий пользователя, таких как использование мыши или изменение размера окна, изменений в состоянии базовой среды (например, низкий заряд батареи или мультимедийные события операционной системы) и других причин.

Каждое событие представлено объектом, основанным на 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, например <input>, <select>или <textarea>.

События запущены HTMLElement, HTMLInputElement. Клавиатура События, связанные с использованием клавиатуры .

Используется для уведомления о перемещении клавиш вверх, вниз или простом нажатии.

События запущены Document, Element. Загрузка/выгрузка документов События, связанные с загрузкой и выгрузкой документов.

События запущены Document и Window.

Манифесты События, связанные с установкой манифестов прогрессивного веб-приложения .

События запущены Window. СМИ События, связанные с использованием мультимедиа (включая API захвата мультимедиа и потоков , API веб-аудио , API «Картинка в картинке» и т. д.).

События запущены на ScriptProcessorNode, HTMLMediaElement, AudioTrackList, AudioScheduledSourceNode, MediaRecorder, MediaStream, MediaStreamTrack, VideoTrackList, HTMLTrackElement, OfflineAudioContext, TextTrack, TextTrackList, Элемент/аудио , Элемент/видео . Обмен сообщениями События, связанные с получением окном сообщения из другого контекста просмотра.

События запущены Window. мышь События, связанные с использованием компьютерной мыши .

Используется для уведомления о щелчке мыши, двойном щелчке, событиях вверх и вниз, щелчке правой кнопкой мыши, движении внутрь и наружу элемента, выделении текста и т. д.

События указателя представляют собой аппаратно-независимую альтернативу событиям мыши. События перетаскивания и колеса являются производными от событий мыши.

События мыши запущены Element Подключение к сети События, связанные с получением и потерей сетевого соединения.

События запущены Window.

Инициированные события NetworkInformation ( API сетевой информации ).

Платежи События, связанные с API запросов платежей .

События запущены PaymentRequest, PaymentResponse.

Производительность События, связанные с High Resolution Time API , Performance Timeline API , Navigation Timing API , User Timing API и Resource Timing API .

События запущены Performance.

Указатель События, связанные с Pointer Events API .

Предоставляет аппаратно-независимые уведомления от указывающих устройств, включая мышь, сенсорный экран, перо/стилус.

События запущены Document, HTMLElement. Распечатать События, связанные с печатью.

События запущены Window. Обещание отклонения События, отправляемые в глобальный контекст скрипта при отклонении любого обещания JavaScript.

События запущены Window. Розетки События, связанные с WebSockets API .

События запущены Websocket. SVG События, связанные с изображениями SVG.

События запущены SVGElement, SVGAnimationElement, SVGGraphicsElement.

Выбор текста События Selection API , связанные с выделением текста.

Событие ( selectionchange) запущено на HTMLTextAreaElement, HTMLInputElement.

Трогать События, связанные с Touch Events API .

Предоставляет уведомления о событиях взаимодействия с сенсорным экраном (например, с помощью пальца или стилуса). Не имеет отношения к Force Touch API .

События запущены Document, Element. Виртуальная реальность События, связанные с API устройства WebXR .

Предупреждение: WebVR API (и связанные с ним Windowсобытия ) устарели.

События запущены XRSystem, XRSession, XRReferenceSpace. RTC (связь в реальном времени) События, связанные с WebRTC API .

События запущены RTCDataChannel, RTCDTMFSender, RTCIceTransport, RTCPeerConnection. События, отправленные сервером События, связанные с сервером, отправляли события API .

События запущены EventSource. Речь События, связанные с Web Speech API .

События запущены SpeechSynthesisUtterance. Рабочие События, связанные с Web Workers API , Service Worker API , Broadcast Channel API и Channel Messaging API .

Используется для ответа на новые сообщения и ошибки отправки сообщений. Сервисные работники также могут быть уведомлены о других событиях, включая push-уведомления, клики пользователей по отображаемым уведомлениям, аннулирование push-подписки, удаление элементов из индекса контента и т. д.

События запущены ServiceWorkerGlobalScope, DedicatedWorkerGlobalScope, SharedWorkerGlobalScope, WorkerGlobalScope, Worker, WorkerGlobalScope, BroadcastChannel, MessagePort. Список событий В этом разделе перечислены события, у которых есть собственные справочные страницы в MDN. Если вас интересует событие, которого нет в этом списке, попробуйте найти его название, область темы или соответствующую спецификацию в остальной части MDN.

AbortSignal прервать событие AudioScheduledSourceNode завершенное событие AudioTrackList событие addtrack изменить событие событие удаления трека BroadcastChannel событие сообщения об ошибке событие сообщения DedicatedWorkerGlobalScope событие сообщения об ошибке событие сообщения Document анимацияотменить событие анимацияконец события событие анимации событие запуска анимации скопировать событие вырезать событие DOMContentLoaded событие Драгендское событие Драгентерское событие событие перетаскивания событие перетаскивания событие драгстарта событие перетаскивания событие падения событие полноэкранного изменения событие полноэкранной ошибки событие gotpointercapture событие нажатия клавиши событие нажатия клавиши событие нажатия клавиши событие losspointercapture вставить событие событие pointercancel событие указателя вниз событие ввода указателя событие указателя событие pointerlockchange событие pointerlockerror событие pointermove событие указателя событие указателя событие указателя событие readystatechange событие прокрутки событие selectionchange событие touchcancel событие касания событие touchmove событие сенсорного запуска событие перехода переходное событие событие перехода событие перехода событие видимости изменения колесо событие Element анимацияотменить событие анимацияконец события событие анимации событие запуска анимации событие afterscriptexecute событие дополнительного клика событие перед выполнением скрипта событие размытия событие щелчка композицияфинальное событие событие начала композиции событие обновления композиции событие контекстного меню скопировать событие вырезать событие событие dblclick Событие DOMActivate Событие DOMMouseScroll событие ошибки фокус в событии фокусное событие событие фокуса событие полноэкранного изменения событие полноэкранной ошибки событие смены жеста жестконец события событие запуска жеста событие gotpointercapture событие нажатия клавиши событие нажатия клавиши событие нажатия клавиши событие losspointercapture событие mousedown событие mouseenter событие mouseleave событие mousemove событие mouseout событие наведения мыши событие наведения мыши событие колесика мыши вставить событие событие pointercancel событие указателя вниз событие ввода указателя событие указателя событие pointermove событие указателя событие указателя событие указателя событие прокрутки выбрать событие событие touchcancel событие касания событие touchmove событие сенсорного запуска событие перехода переходное событие событие перехода событие перехода событие webkitmouseforcechanged событие webkitmouseforcedown событие webkitmouseforceup Событие webkitmouseforcewillbegin колесо событие EventSource событие ошибки событие сообщения открытое мероприятие FileReader прервать событие событие ошибки событие завершения загрузки событие loadstart событие загрузки событие прогресса HTMLCanvasElement событие webglcontextcreationerror событие webglcontextlost webglcontextвосстановленное событие HTMLDetailsElement переключить событие HTMLDialogElement отменить мероприятие близкое мероприятие HTMLElement событие перед вводом изменить событие входное событие HTMLFormElement событие formdata событие сброса отправить событие HTMLInputElement недопустимое событие событие поиска HTMLMediaElement прервать событие событие canplaythrough событие событие durationchange пустое событие завершенное событие событие ошибки событие загруженных данных событие загруженных метаданных событие loadstart приостановить событие игровое событие игровое событие событие прогресса событие изменения скорости искомое событие поиск события застопорившееся событие приостановить событие событие обновления времени событие изменения громкости ожидающее событие HTMLSlotElement событие смены слота HTMLTrackElement событие cuechange HTMLVideoElement событие событие leavepictureinpicture IDBDatabase прервать событие близкое мероприятие событие ошибки событие изменения версии IDBOpenDBRequest заблокированное событие событие, требующее обновления IDBRequest событие ошибки событие успеха IDBTransaction прервать событие завершить событие событие ошибки MediaDevices событие смены устройства MediaRecorder событие ошибки MediaStream событие addtrack событие удаления трека MediaStreamTrack завершенное событие заглушить событие включить звук события MediaQueryList изменить событие MessagePort событие сообщения об ошибке событие сообщения OfflineAudioContext завершить событие PaymentRequest событие мерчантвалидации событие paymentmethodchange событие shippingaddresschange событие ShippingOptionChange PaymentResponse событие payerdetailchange Performance событие resourcetimingbufferfull PictureInPictureWindow событие изменения размера RTCDataChannel событие bufferedamountlow близкое мероприятие заключительное мероприятие событие ошибки событие сообщения открытое мероприятие RTCDtlsTransport событие ошибки RTCDTMFSender событие изменения тона RTCIceTransport событие сбора состояния изменения событие смены выбранной пары кандидатов событие изменения состояния RTCPeerConnection событие добавления потока событие connectionstatechange событие канала данных событие icecandidateerror ледкандидатское событие событие iceconnectionstatechange событие icegatheringstatechange событие, необходимое для переговоров событие удаления потока событие signalingstatechange отслеживать событие ScriptProcessorNode событие аудиопроцесса ServiceWorkerContainer событие сообщения ServiceWorkerGlobalScope активировать событие событие contentdelete установить событие событие сообщения событие уведомления событие pushsubscriptionchange push-событие SharedWorkerGlobalScope подключить событие SpeechRecognition аудиоконец события аудиостарт событие конечное событие событие ошибки несовпадение результат события звуковое событие событие звукового старта выступлениеконец события событие начала речи начать событие SpeechSynthesis событие voiceschanged SpeechSynthesisUtterance граничное событие конечное событие событие ошибки отметить событие приостановить событие возобновить мероприятие начать событие SVGAnimationElement событие beginEvent событие endEvent событие RepeatEvent SVGElement прервать событие событие ошибки событие загрузки событие изменения размера событие прокрутки выгрузить событие SVGGraphicsElement скопировать событие вырезать событие вставить событие TextTrack событие cuechange TextTrackList событие addtrack изменить событие событие removeTrack VideoTrackList событие addtrack изменить событие событие удаления трека VisualViewport событие изменения размера событие прокрутки WebSocket близкое мероприятие событие ошибки событие сообщения открытое мероприятие Window послепечатное событие анимацияотменить событие анимацияконец события событие анимации событие запуска анимации событие установки приложения событие перед печатью событие перед выгрузкой событие размытия скопировать событие вырезать событие событие движения устройства событие ориентации устройства событие ошибки событие фокуса событие, связанное с геймпадом геймпадотключено событие событие hashchange событие смены языка событие загрузки событие сообщения об ошибке событие сообщения офлайн-мероприятие онлайн-мероприятие событие изменения ориентации событие сокрытия страницы событие pageshow вставить событие событие popstate событие, обработанное отклонением событие изменения размера событие хранения событие перехода переходное событие событие перехода событие перехода необработанное событие отклонения выгрузить событие событие vrdisplayactivate событие vrdisplayblur событие vrdisplayconnect событие vrdisplaydeactivate событие vrdisplaydisconnect событие vrdisplayfocus vrdisplaypointerrestricted событие событие vrdisplaypointerunrestricted событие vrdisplaypresentchange Worker событие сообщения об ошибке событие сообщения WorkerGlobalScope событие смены языка XMLHttpRequest прервать событие событие ошибки событие завершения загрузки событие loadstart событие загрузки событие прогресса событие тайм-аута XRReferenceSpace событие сброса XRSession конечное событие событие inputsourceschange выбратьконец события событие selectstart выбрать событие сжатое событие событие сжатого старта событие сжатия событие видимости изменения XRSystem событие смены устройства Технические характеристики Спецификация Стандарт HTML # события-2