События javascript window: Window — Интерфейсы веб API

Содержание

Window — Интерфейсы веб API

Объект window представляет собой окно, содержащее DOM документ; свойство document указывает на DOM document, загруженный в данном окне. Окно текущего документа может быть получено с помощью свойства document.defaultView.

Данный раздел содержит описание всех методов, свойств и событий, доступных через объект window DOM. Объект window реализует интерфейс Window, который наследуется от интерфейса AbstractView. Некоторые дополнительные глобальные функции, пространства имён объектов, интерфейсы и конструкторы, как правило, не связанные с окном, но доступные в нем, перечислены в JavaScript ссылки и DOM ссылки.

В браузерах, поддерживающих вкладки, таком как Firefox, каждая вкладка содержит свой собственный объект window (и если вы пишете расширение, окно браузера тоже является отдельным объектом window — см. Работа с окнами в chrome коде). Таким образом, объект window не разделяется между разными вкладками в одном и том же окне. Некоторые методы, а именно window.resizeTo (en-US) и window.resizeBy (en-US) применяется для всего окна и не принадлежат объекту window отдельной вкладки. Как правило, если что-то логически нельзя отнести ко вкладке, это относят к окну.

Данный интерфейс наследует свойства из интерфейса EventTarget и реализует свойства из WindowOrWorkerGlobalScope и миксин WindowEventHandlers.

Отметим, что свойства, являющиеся объектами (например, перезаписанные прототипы встроенных элементов), перечислены в отдельном разделе ниже.

Window.applicationCache (en-US) Только для чтения: Объект OfflineResourceList, обеспечивающий для окна доступ к ресурсам вне сети.
Window.closed Это API не было стандартизировано.Только для чтения: Свойство, указывающее было ли текущее окно закрыто или нет.
Window.Components Это API не было стандартизировано.: Точка доступа к богатой функциональности XPCOM. Некоторые свойства, т.к. classes, доступны только для достаточно привилегированного кода. Web-код не должен использовать эти свойства.
Window.console Это API не было стандартизировано.Только для чтения: Возвращает ссылку на объект консоли, обеспечивающего доступ к консоли браузера.
Window.content (en-US) and Window._content Это API не было стандартизировано.Этот API вышел из употребления и его работа больше не гарантируется.Только для чтения: Возвращает ссылку на элемент содержимого в текущем окне. Устаревший вариант в нижним подчёркиванием более не доступен для Web-содержимого.
Window.controllers (en-US)Это API не было стандартизировано.Только для чтения: Возвращает XUL контроллер объектов для текущего окна chrome.
Window.crypto Только для чтения: Возвращает зашифрованный объект браузера.
Window.defaultStatus (en-US) Вышла из употребления с версии Gecko 23: Получает/устанавливает текст статус-бара для данного окна.
Window.devicePixelRatio Это API не было стандартизировано.Только для чтения: Возвращает соотношение между физическими пикселями и пикселями на дисплее текущего устройства.
Window.dialogArguments (en-US) Только для чтения: Получает аргументы, переданные в окно (если это диалоговое окно) в момент вызова window.showModalDialog() (en-US). Это nsIArray.
Window.directories (en-US) Этот API вышел из употребления и его работа больше не гарантируется.: Синоним window.personalbar (en-US)
Window.document Только для чтения: Возвращает ссылку на содержащийся в окне документ.
Window.frameElement Только для чтения: Возвращает элемент, в который встроено окно, или null, если оно не встроено.
Window.frames Только для чтения: Возвращает массив дополнительных фреймов в текущем окне.
Window.fullScreen (en-US): Это свойство указывает, отображается ли окно в полноэкранном режиме или нет.
Window.globalStorage Это API не было стандартизировано.Вышла из употребления с версии Gecko 13: Не поддерживает с Gecko 13 (Firefox 13). Использовать вместо негоWindow.localStorage. Было: Множественные объекты хранения, которые используются для хранения данных на нескольких страницах.
Window.history Только для чтения: Возвращает ссылку на объект истории.
Window.innerHeight: Получает высоту области содержимого окна браузера, включая, если есть, горизонтальный скроллбар.
window.innerWidth (en-US): Получает ширину области содержимого окна браузера, включая, если есть, вертикальный скроллбар.
Window. isSecureContext (en-US) Только для чтения: Указывает, способен ли контекст использовать функциональность, требующую безопасного контекста.
Window.length Только для чтения: Возвращает число фреймов в окне. Смотрите также window.frames.
Window.location Только для чтения: Получает/устанавливает расположение или текущий URL для текущего объекта окна.
Window.locationbar (en-US) Только для чтения: Возвращает объект locationbar, который может быть добавлен и убран из окна.
Window.localStorage Только для чтения: Возвращает ссылку на локальный объект хранилища, используемый для хранения данных, которые могут быть доступны только первоисточникам, создавшим их.
Window.menubar (en-US) Только для чтения: Возвращает объект menubar, который может быть добавлен и убран из окна.
Window.messageManager: Возвращает объект message manager для окна.
Window.mozAnimationStartTime Только для чтения: Время в миллисекундах с момента начала цикла данной анимации.
Window.mozInnerScreenX (en-US) Только для чтения Это API не было стандартизировано.: Возвращает горизонтальную (X) координату верхнего левого угла окна просмотра в экранных координатах. Значение возвращается в CSS-пикселях. Смотри mozScreenPixelsPerCSSPixel в nsIDOMWindowUtils для конвертирования и адаптирования к экранным пикселям, если необходимо.
Window.mozInnerScreenY (en-US) Только для чтения Это API не было стандартизировано.: Возвращает вертикальные (Y) координаты верхнего левого угла окна просмотра в экранных координатах. Значение возвращается в CSS-пикселях. Смотри mozScreenPixelsPerCSSPixel для конвертирования и адаптирования к экранным пикселям, если необходимо.
Window.mozPaintCount (en-US) Это API не было стандартизировано. Только для чтения: Возвращает количество раз, за которые текущий документ был отрендерен для текущего экрана в этом окне. Может быть использовано для подсчёта скорости преобразования.
Window.name: Получает/устанавливает имя для окна.
Window.navigator Только для чтения: Возвращает ссылку на объект навигатора.
Window.opener (en-US): Возвращает ссылку на окно, открывшее текущее окно.
Window.orientation (en-US)Это API не было стандартизировано.Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.Только для чтения: Возвращает ориентировку в градусах (с увеличением на 90 градусов) окна просмотра относительно настоящей ориентировки устройства.
Window.outerHeight (en-US) Только для чтения: Получает высоту вместе с внешней частью браузерного окна.
Window.outerWidth (en-US) Только для чтения: Получает ширину вместе с внешней частью браузерного окна.
Window.pageXOffset Только для чтения: Псевдоним для window.scrollX.
Window.pageYOffsetТолько для чтения: Псевдоним для window.scrollY
Window.sessionStorage Только для чтения: Возвращает ссылку на объект хранения сессии, используемый для хранения данных, которые могут быть получены только источником, создавшим их.
Window.parent Только для чтения: Возвращает ссылку на родителя текущего окна или встроенного фрейма.
Window.performance Только для чтения: Обеспечивает главенствующее пространство для атрибутов, относящихся к производительности.
Window.personalbar (en-US) Только для чтения: Возвращает объект personalbar, который может быть добавлен и убран из окна.
Window.pkcs11 (en-US) Вышла из употребления с версии Gecko 29: Раньше предоставлял доступ к установке и удалению PKCS11 модуля.
Window.returnValue: Возвращаемое значение, которое будет передано в функцию, которая вызвала window.showModalDialog() (en-US) для отображения окна как модального диалога.
Window.screen Только для чтения: Возвращает ссылку на объект экрана, ассоциируемый с окном.
Window.screenX Только для чтения: Возвращает горизонтальный размер левой рамки браузера пользователя с левой стороны экрана.
Window.screenY (en-US) Только для чтения: Возвращает вертикальный размер верхней рамки браузера пользователя с верхней стороны экрана.
Window.scrollbars (en-US) Только для чтения: Возвращает объект scrollbars, который может быть добавлен и убран из окна.
Window.scrollMaxXЭто API не было стандартизировано.Только для чтения: Максимальный отступ, на который может быть проскроллено окно по горизонтали, состоящее из разницы ширины документа и ширины области просмотра.
Window.scrollMaxYЭто API не было стандартизировано.Только для чтения: Максимальный отступ, на который может быть проскроллено окно по вертикали, (т.е., разница высоты документа и высоты области просмотра).
Window.scrollX Только для чтения: Возвращает число пикселей, на которое документ уже был проскроллен по горизонтали.
Window.scrollY Только для чтения: Возвращает число пикселей, на которое документ уже был проскроллен по вертикали.
Window.self Только для чтения: Возвращает ссылку на самого себя.
Window.sessionStorage: Возвращает объект хранилища для данных в пределах сессии одной страницы.
Window.sidebar (en-US) Это API не было стандартизировано.Только для чтения: Возвращает ссылку на объект окна sidebar.
Window.speechSynthesis (en-US) Только для чтения: Возвращает объект SpeechSynthesis (en-US), который является точкой входа для использования Web Speech API, функциональности для речевого синтеза.
Window.status (en-US): Получает/устанавливает текст в statusbar внизу браузера.
Window.statusbar (en-US) Только для чтения: Возвращает объект statusbar, который может быть добавлен и убран из окна.
Window.toolbar (en-US) Только для чтения: Возвращает объект toolbar, который может быть добавлен и убран из окна.
Window.top Только для чтения: Возвращает ссылку на самое первое окно в иерархии текущих окон. Только для чтения.
Window.window (en-US) Только для чтения: Возвращает ссылку на текущее окно.
window[0], window[1], etc.: Возвращает ссылку на объект окна во фреймах. Смотри Window.frames.

Свойства, реализованные из других мест

WindowOrWorkerGlobalScope.caches Только для чтения: Возвращает объект CacheStorage, связанный с текущим контекстом. Этот объект добавляет такой функционал как хранение ресурсов для использования вне сети и генерирования встроенных ответов на запросы.
WindowOrWorkerGlobalScope.indexedDB (en-US) Только для чтения: Обеспечивает механизм для приложений для возможности асинхронного доступа индексированных баз данных; возвращает объект IDBFactory (en-US).
WindowOrWorkerGlobalScope.isSecureContext (en-US) Только для чтения: Возвращает булевское значение, указывающее является ли текущий контент безопасным (true) или нет (false).
WindowOrWorkerGlobalScope.origin (en-US) Только для чтения: Возвращает источник глобального объекта, преобразованного в строку. (Это свойство пока ещё не существует, поэтому не может быть использовано в браузерах.)

Этот интерфейс наследует методы от интерфейса EventTarget и реализует свойства WindowOrWorkerGlobalScope и EventTarget.

Window.alert(): Отображает предупреждающее диалоговое окно.
Window.back() (en-US) Это API не было стандартизировано.Этот API вышел из употребления и его работа больше не гарантируется.: Возвращается на один шаг назад в истории окна.
Window.blur(): Убирает фокус с окна.
Window.cancelIdleCallback() (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.: Позволяет отменить колбэк-функцию прежде чем определить расписание её вызова с Window.requestIdleCallback.
Window.captureEvents() (en-US) Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.: Регистрирует окно, которое будет перехватывать все события определённого типа.
Window.clearImmediate(): Отменяет повторяющееся исполнение, установленное с помощью setImmediate.
WindowTimers.clearInterval() (en-US): Отменяет повторяющееся исполнение, установленное с помощью WindowTimers.setInterval() (en-US).
WindowTimers.clearTimeout() (en-US): Отменяет повторяющееся исполнение, установленное с помощью WindowTimers.setTimeout().
Window.close(): Закрывает текущее окно.
Window.confirm(): Отображает диалог с сообщением, на которое пользователь должен ответить.
Window.disableExternalCapture() Вышла из употребления с версии Gecko 24: FIXME: NeedsContents
Window.dispatchEvent(): Используется для вызова события.
Window.dump() (en-US): Отправляет сообщение в консоль.
Window.enableExternalCapture() Вышла из употребления с версии Gecko 24: FIXME: NeedsContents
Window. find() (en-US): Ищет необходимую строку в окне window.
Window.focus() (en-US): Устанавливает фокус на текущем окне.
Window.forward() (en-US) Это API не было стандартизировано.Этот API вышел из употребления и его работа больше не гарантируется.: Переходит на один документ вперёд в текущей истории окна.
Window.getAttention(): Заставляет мигать иконку приложения.
Window.getAttentionWithCycleCount(): FIXME: NeedsContents
Window.getComputedStyle(): Получает подсчитанные стили для определённого элемента. Подсчитанные стили включают подсчитанные значения всех CSS свойств элемента.
Window.getDefaulComputedStyle(): Получает подсчитанные стили по умолчанию для определённого элемента, игнорируя авторские стили.
Window.getSelection(): Возвращает выбранный объект, представляющий выбранный элемент(ы).
Window.home() (en-US) Это API не было стандартизировано.Этот API вышел из употребления и его работа больше не гарантируется.: Возвращает браузер на домашнюю страницу.
Window.matchMedia(): Возвращает объект MediaQueryList (en-US), представляющий указанную строку медиавыражения.
Window.maximize(): FIXME: NeedsContents
Window.minimize() (en-US) (top-level XUL windows only): Минимизирует окно.
Window.moveBy(): Сдвигает текущее окно на определённое значение.
Window.moveTo(): Сдвигает окно до определённых координат.
Window.mozRequestAnimationFrame() (en-US): Сообщает браузеру, что анимация находится в прогрессе, требуя, чтобы браузер определил время перерисовки окна для следующего анимационного фрейма. Это вызовет событие MozBeforePaint, прежде чем произойдёт перерисовка .
Window.open() (en-US): Открывает новое окно.
Window.openDialog() (en-US): Opens a new dialog window.
Window.postMessage(): Предоставляет безопасный способ для одного окна передать строку с данными в другое окно, которое должно находиться в пределах того же домена, что и первое.
Window.print(): Открывает Print Dialog для распечатки текущего документа.
Window.prompt(): Возвращает текст, введённый пользователем в диалоге подсказки.
Window.releaseEvents() (en-US) Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.: Возвращает окно с захваченных событий определённого типа.
Window.removeEventListener(): Удаляет обработчик события из окна.
Window.requestIdleCallback() Это экспериментальное API, которое не должно использоваться в рабочем коде.: Позволяет назначить расписание задачи во время периода простоя браузера.
Window.resizeBy() (en-US): Меняет размер текущего окна на определённое число.
Window.resizeTo() (en-US): Динамически меняет размер окна.
Window.restore() (en-US): FIXME: NeedsContents
Window.routeEvent() (en-US) Вышла из употребления с версии Gecko 24: FIXME: NeedsContents
Window.scroll(): Scrolls the window to a particular place in the document.
Window.scrollBy(): Прокручивает документ в окна на данное число.
Window.scrollByLines(): Прокручивает документ на данное число строк.
Window.scrollByPages() (en-US): Прокручивает документ на данное число страниц.
Window.scrollTo(): Прокручивает до заданных координат в документе.
Window.setCursor() (en-US): Меняет курсор для текущего окна.
Window.setImmediate() (en-US): Исполняет функцию после того, как браузер некую тяжёлую задачу.
WindowTimers.setInterval() (en-US): Назначает выполнение функции каждые X миллисекунд.
Window.setResizable: FIXME: NeedsContents
WindowTimers.setTimeout(): Устанавливает отложенное выполнение функции.
Window.showModalDialog() (en-US): Отображает модальный диалог.
Window.sizeToContent() (en-US): Подгоняет размер окна под его содержимое.
Window.stop(): Останавливает загрузку страницы.
Window.updateCommands() (en-US): Обновляет состояние команд текущего окна chrome (UI).
Методы, реализованные из других мест
EventTarget. addEventListener(): Регистрирует обработчики определённого типа событий в окне.
WindowOrWorkerGlobalScope.atob(): Декодирует строку данных, которая была закодирована, используя кодировку base-64.
WindowOrWorkerGlobalScope.btoa(): Создать закодированную base-64 ASCII строку из строки бинарных данных.
WindowOrWorkerGlobalScope.clearInterval() (en-US): Отменяет повторяющееся исполнение, установленного с помощью WindowOrWorkerGlobalScope.setInterval().
WindowOrWorkerGlobalScope.clearTimeout(): Отменяет отложенное исполнение, установленного с WindowOrWorkerGlobalScope.setTimeout().
WindowOrWorkerGlobalScope.createImageBitmap() (en-US): Принимает множество различных изображений и возвращает Promise (en-US), который возвращает ImageBitmap. Опционально ресурс может быть обрезан до прямоугольника, заданного в пикселях (sx, sy) с шириной sw и высотой sh.
WindowOrWorkerGlobalScope.fetch(): Начинает процесс загрузки ресурса из сети.
EventTarget.removeEventListener: Удаляет обработчик события из окна.
WindowOrWorkerGlobalScope.setInterval(): Устанавливает расписание для исполнения функции каждый раз через заданное число миллисекунд.
WindowOrWorkerGlobalScope.setTimeout(): Устанавливает расписание для исполнения функции в назначенное время.

Это методы объекта window, которые могут устанавливаться для перехвата всех событий, которые могут происходить с объектом window.

Интерфейс наследует обработчики событий от EventTarget интерфейса и реализует обработчики событий WindowEventHandlers.

Замета: Начиная с Gecko 9.0, вы можете использовать синтаксис if ("onabort" in window), чтобы определить существует ли обработчик данного события. Интерфейсы обработчиков событий были обновлены таким образом, чтобы соответствовать web IDL интерфейсам. Смотри обработчики событий DOM для деталей.

GlobalEventHandlers.onabort: Обработчик события для отмены событий в окне.
WindowEventHandlers.onafterprint: Вызывается, когда закрывается диалоговое окно распечатки. Смотри событие afterprint (en-US).
WindowEventHandlers.onbeforeprint (en-US): Вызывается, когда открывается диалоговое окно распечатки. Смотри событие beforeprint (en-US).
Window.onbeforeinstallprompt (en-US): Событие вызывается прежде чем пользователь согласится сохранить сайт на домашний экран на мобильном устройстве.
WindowEventHandlers.onbeforeunload: Событие вызывается перед удалением события из окна.
GlobalEventHandlers.onblur: Свойство обработчика событий для исчезновение фокуса на окне.
GlobalEventHandlers.onchange: Свойство обработчика событий для изменения в окне.
GlobalEventHandlers.onclick: Свойство обработчика событий для клика в окне.
GlobalEventHandlers.ondblclick (en-US): Вызывается, когда был сделан двойной клик ЛЮБОЙ кнопкой мыши.
GlobalEventHandlers.onclose: Свойство обработчика событий для обработки закрытия окна.
GlobalEventHandlers.oncontextmenu: Свойство обработчика событий для правого клика в окне.
Window.ondevicelight (en-US): Свойство обработчика событий для отслеживания изменения уровня света.
{domxref(«Window.ondevicemotion»)}}: Вызывается, если было определено изменение акселерометра (для мобильных устройств).
Window.ondeviceorientation: Вызывается, когда была изменена ориентация (для мобильных устройств).
Window. ondeviceorientation: Свойство обработчика событий для смены ориентации любого устройства.
Window.ondeviceproximity (en-US): Свойство обработчика событий для определения близости устройства.
GlobalEventHandlers.onerror: Свойство обработчика событий для события error (en-US), возникшего в окне.
GlobalEventHandlers.onfocus: Свойство обработчика событий для события focus (en-US) в окне.
WindowEventHandlers.onhashchange: Свойство обработчика событий для отлова изменения хэша в окне; вызывается, когда часть URL после («#») была изменена.
Window.onappinstalled (en-US): Вызывается, когда страница установлена, как приложение. Смотри appinstalled событие.
Window.oninput (en-US): Вызывается, когда значение элемента <input> было изменено.
GlobalEventHandlers. onkeydown: Свойство обработчика событий для события keydown (en-US) в окне.
GlobalEventHandlers.onkeypress: Свойство обработчика событий для события keypress (en-US) в окне.
GlobalEventHandlers.onkeyup (en-US): Свойство обработчика событий для события keyup (en-US) в окне.
WindowEventHandlers.onlanguagechange (en-US): Свойство обработчика событий для события languagechange (en-US) в окне.
GlobalEventHandlers.onload: Свойство обработчика событий для загрузки окна.
WindowEventHandlers.onmessage (en-US): EventHandler (en-US), представляющий собой код, который будет вызван, когда произойдёт событие message.
GlobalEventHandlers.onmousedown: Свойство обработчика событий для события mousedown в окне.
GlobalEventHandlers. onmousemove (en-US): Свойство обработчика событий для события mousemove в окне.
GlobalEventHandlers.onmouseout (en-US): Свойство обработчика событий для события mouseout в окне.
GlobalEventHandlers.onmouseover (en-US): Свойство обработчика событий для события mouseover в окне.
GlobalEventHandlers.onmouseup: Свойство обработчика событий для события mouseup в окне.
Window.onmozbeforepaint (en-US): Свойство обработчика событий для события MozBeforePaint, которое присылается прежде чем окно будет перерисовано, если событие необходимо из-за вызова метода Window.mozRequestAnimationFrame() (en-US).
WindowEventHandlers.onoffline: Вызывается, когда было потеряно соединение с сетью. Смотри событие offline (en-US).
WindowEventHandlers.ononline: Вызывается, когда соединение с сетью было установлено. Смотри событие online (en-US).
WindowEventHandlers.onpageshow: Свойство обработчика событий для события pageshow в окне.
WindowEventHandlers.onpagehide: Свойство обработчика событий для события pagehide в окне.
Window.onpaint: Свойство обработчика событий для события paint в окне.
WindowEventHandlers.onpopstate: Вызывается, когда была нажата кнопка назад.
Window.onrejectionhandled (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.: Свойство обработчика событий для обработки отказа события Promise.
GlobalEventHandlers.onreset (en-US): Свойство обработчика событий для события reset в окне.
GlobalEventHandlers.onresize (en-US): Свойство обработчика событий для изменения размера окна.
GlobalEventHandlers. onscroll: Свойство обработчика событий для прокрутки окна.
GlobalEventHandlers.onwheel (en-US): Вызывается, когда было прокручено колёсико мыши в любую сторону.
GlobalEventHandlers.onselect: Свойство обработчика событий для события выбора в окне.
GlobalEventHandlers.onselectionchange (en-US): EventHandler (en-US), представляющий собой код, который будет вызван, когда произойдёт событие selectionchange.
GlobalEventHandlers.onsubmit: Свойство обработчика событий для события submits в окне формы.
WindowEventHandlers.onunhandledrejection (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.: Свойство обработчика событий для отвязки обработчика отказа события Promise.
Window.onunload (en-US): Свойство обработчика событий для события unload в окне.
Window.onuserproximity (en-US): Свойство обработчика событий для события изменения близости пользователя к устройству.
Window.onvrdisplayconnected (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.: Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности было присоединено к компьютеру (когда запускается событие vrdisplayconnected).
Window.onvrdisplaydisconnected (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.: Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности было отсоединено от компьютера (когда запускается событие vrdisplaydisconnected).
Window.onvrdisplaypresentchange (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.: Представляет обработчик события, который будет запущен, когда изменится состояние устройства виртуальной реальности — т. е. перейдёт от представленного к непредставленному или наоборот (когда будет запущено событие onvrdisplaypresentchange).

Справочник по событиям | MDN

`abort (en-US)`	`UIEvent` (en-US)	DOM L3	The loading of a resource has been aborted.
`abort`	`ProgressEvent` (en-US)	Progress and XMLHttpRequest	Progression has been terminated (not due to an error).
`abort`	`Event`	IndexedDB	A transaction has been aborted.
`afterprint (en-US)`	`Event`	HTML5	The associated document has started printing or the print preview has been closed.
`animationcancel`	`AnimationEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	CSS Animations	A CSS animation has aborted.
`animationend (en-US)`	`AnimationEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	CSS Animations	A CSS animation has completed.
`animationiteration (en-US)`	`AnimationEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	CSS Animations	A CSS animation is repeated.
`animationstart (en-US)`	`AnimationEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	CSS Animations	A CSS animation has started.
`appinstalled`	`Event`	Web App Manifest	A web application is successfully installed as a progressive web app.
`audioprocess (en-US)`	`AudioProcessingEvent` (en-US) Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	Web Audio API Определение ‘audioprocess’ в этой спецификации.	The input buffer of a `ScriptProcessorNode` (en-US) is ready to be processed.
`audioend` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	The user agent has finished capturing audio for speech recognition.
`audiostart` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	The user agent has started to capture audio for speech recognition.
`beforeprint (en-US)`	`Event`	HTML5	The associated document is about to be printed or previewed for printing.
`beforeunload (en-US)`	`BeforeUnloadEvent`	HTML5	The window, the document and its resources are about to be unloaded.
`beginEvent (en-US)`	`TimeEvent` (en-US)	SVG	A SMIL animation element begins.
`blocked`		IndexedDB	An open connection to a database is blocking a `versionchange` transaction on the same database.
`blur (en-US)`	`FocusEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	DOM L3	An element has lost focus (does not bubble).
`boundary` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechSynthesisEvent` (en-US)	Web Speech API	The spoken utterance reaches a word or sentence boundary
`canplay (en-US)`	`Event`	HTML5 media	The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
`canplaythrough (en-US)`	`Event`	HTML5 media	The user agent can play the media up to its end without having to stop for further buffering of content.
`change (en-US)`	`Event`	DOM L2, HTML5	The `change` event is fired for `<input>`, `<select>`, and <textarea> (en-US) elements when a change to the element’s value is committed by the user.
`chargingchange`	`Event`	Battery status	The battery begins or stops charging.
`chargingtimechange`	`Event`	Battery status	The `chargingTime` attribute has been updated.
`click (en-US)`	`MouseEvent`	DOM L3	A pointing device button has been pressed and released on an element.
`close`	`Event`	WebSocket	A WebSocket connection has been closed.
`complete`		IndexedDB	A transaction successfully completed.
`complete (en-US)`	`OfflineAudioCompletionEvent` (en-US) Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	Web Audio API Определение ‘OfflineAudioCompletionEvent’ в этой спецификации.	The rendering of an `OfflineAudioContext` (en-US) is terminated.
`compositionend (en-US)`	`CompositionEvent` (en-US)	DOM L3	The composition of a passage of text has been completed or canceled.
`compositionstart (en-US)`	`CompositionEvent` (en-US)	DOM L3	The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).
`compositionupdate (en-US)`	`CompositionEvent` (en-US)	DOM L3	A character is added to a passage of text being composed.
`contextmenu (en-US)`	`MouseEvent`	HTML5	The right button of the mouse is clicked (before the context menu is displayed).
`copy (en-US)`	`ClipboardEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	Clipboard	The text selection has been added to the clipboard.
`cut (en-US)`	`ClipboardEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	Clipboard	The text selection has been removed from the document and added to the clipboard.
`dblclick (en-US)`	`MouseEvent`	DOM L3	A pointing device button is clicked twice on an element.
`devicechange`	`Event`	Media Capture and Streams	A media device such as a camera, microphone, or speaker is connected or removed from the system.
`devicemotion (en-US)`	`DeviceMotionEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Device Orientation Events	Fresh data is available from a motion sensor.
`deviceorientation (en-US)`	`DeviceOrientationEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Device Orientation Events	Fresh data is available from an orientation sensor.
`dischargingtimechange`	`Event`	Battery status	The `dischargingTime` attribute has been updated.
`DOMActivate` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`UIEvent` (en-US)	DOM L3	A button, link or state changing element is activated (use `click (en-US)` instead).
`DOMAttributeNameChanged` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationNameEvent`	DOM L3 Removed	The name of an attribute changed (use mutation observers instead).
`DOMAttrModified` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	The value of an attribute has been modified (use mutation observers instead).
`DOMCharacterDataModified` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	A text or another CharacterData has changed (use mutation observers instead).
`DOMContentLoaded (en-US)`	`Event`	HTML5	The document has finished loading (but not its dependent resources).
`DOMElementNameChanged` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationNameEvent`	DOM L3 Removed	The name of an element changed (use mutation observers instead).
`DOMFocusIn` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`FocusEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	DOM L3	An element has received focus (use `focus (en-US)` or `focusin (en-US)` instead).
`DOMFocusOut` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`FocusEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	DOM L3	An element has lost focus (use `blur (en-US)` or `focusout (en-US)` instead).
`DOMNodeInserted` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	A node has been added as a child of another node (use mutation observers instead).
`DOMNodeInsertedIntoDocument` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	A node has been inserted into the document (use mutation observers instead).
`DOMNodeRemoved` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	A node has been removed from its parent node (use mutation observers instead).
`DOMNodeRemovedFromDocument` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	A node has been removed from the document (use mutation observers instead).
`DOMSubtreeModified` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`MutationEvent` (en-US)	DOM L3	A change happened in the document (use mutation observers instead).
`drag (en-US)`	`DragEvent` (en-US)	HTML5	An element or text selection is being dragged (every 350ms).
`dragend (en-US)`	`DragEvent` (en-US)	HTML5	A drag operation is being ended (by releasing a mouse button or hitting the escape key).
`dragenter (en-US)`	`DragEvent` (en-US)	HTML5	A dragged element or text selection enters a valid drop target.
`dragleave (en-US)`	`DragEvent` (en-US)	HTML5	A dragged element or text selection leaves a valid drop target.
`dragover (en-US)`	`DragEvent` (en-US)	HTML5	An element or text selection is being dragged over a valid drop target (every 350ms).
`dragstart (en-US)`	`DragEvent` (en-US)	HTML5	The user starts dragging an element or text selection.
`drop (en-US)`	`DragEvent` (en-US)	HTML5	An element is dropped on a valid drop target.
`durationchange (en-US)`	`Event`	HTML5 media	The `duration` attribute has been updated.
`emptied (en-US)`	`Event`	HTML5 media	The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the `load()` method is called to reload it.
`end` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	The speech recognition service has disconnected.
`end` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechSynthesisEvent` (en-US)	Web Speech API	The utterance has finished being spoken.
`ended (en-US)`	`Event`	HTML5 media	Playback has stopped because the end of the media was reached.
`ended (en-US)`	`Event`	Web Audio API	Playback has stopped because the end of the media was reached.
`endEvent (en-US)`	`TimeEvent` (en-US)	SVG	A SMIL animation element ends.
`error (en-US)`	`UIEvent` (en-US)	DOM L3	A resource failed to load.
`error (en-US)`	`ProgressEvent` (en-US)	Progress and XMLHttpRequest	Progression has failed.
`error (en-US)`	`Event`	WebSocket	A WebSocket connection has been closed with prejudice (some data couldn’t be sent for example).
`error (en-US)`	`Event`	Server Sent Events	An event source connection has been failed.
`error (en-US)`	`Event`	IndexedDB	A request caused an error and failed.
`error` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	A speech recognition error occurs.
`error`	`SpeechSynthesisErrorEvent` (en-US)	Web Speech API	An error occurs that prevents the utterance from being successfully spoken.
`focus (en-US)`	`FocusEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	DOM L3	An element has received focus (does not bubble).
`focusin (en-US)`	`FocusEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	DOM L3	An element is about to receive focus (bubbles).
`focusout (en-US)`	`FocusEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	DOM L3	An element is about to lose focus (bubbles).
`fullscreenchange (en-US)`	`Event`	Full Screen	An element was turned to fullscreen mode or back to normal mode.
`fullscreenerror (en-US)`	`Event`	Full Screen	It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.
`gamepadconnected (en-US)`	`GamepadEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	Gamepad	A gamepad has been connected.
`gamepaddisconnected (en-US)`	`GamepadEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	Gamepad	A gamepad has been disconnected.
`gotpointercapture`	`PointerEvent` (en-US)	Pointer Events	Element receives pointer capture.
`hashchange (en-US)`	`HashChangeEvent` (en-US)	HTML5	The fragment identifier of the URL has changed (the part of the URL after the #).
`lostpointercapture`	`PointerEvent` (en-US)	Pointer Events	Element lost pointer capture.
`input (en-US)`	`Event`	HTML5	The value of an element changes or the content of an element with the attribute contenteditable is modified.
`invalid (en-US)`	`Event`	HTML5	A submittable element has been checked and doesn’t satisfy its constraints.
`keydown (en-US)`	`KeyboardEvent`	DOM L3	A key is pressed down.
`keypress (en-US)` Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.	`KeyboardEvent`	DOM L3	A key is pressed down and that key normally produces a character value (use input instead).
`keyup (en-US)`	`KeyboardEvent`	DOM L3	A key is released.
`languagechange (en-US)` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	HTML 5.1 Определение ‘NavigatorLanguage.languages’ в этой спецификации.	The user’s preferred languages have changed.
`levelchange`	`Event`	Battery status	The `level` attribute has been updated.
`load (en-US)`	`UIEvent` (en-US)	DOM L3	A resource and its dependent resources have finished loading.
`load`	`ProgressEvent` (en-US)	Progress and XMLHttpRequest	Progression has been successful.
`loadeddata (en-US)`	`Event`	HTML5 media	The first frame of the media has finished loading.
`loadedmetadata (en-US)`	`Event`	HTML5 media	The metadata has been loaded.
`loadend (en-US)`	`ProgressEvent` (en-US)	Progress and XMLHttpRequest	Progress has stopped (after «error», «abort» or «load» have been dispatched).
`loadstart (en-US)`	`ProgressEvent` (en-US)	Progress and XMLHttpRequest	Progress has begun.
`mark` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechSynthesisEvent` (en-US)	Web Speech API	The spoken utterance reaches a named SSML «mark» tag.
`message`	`MessageEvent` (en-US)	WebSocket	A message is received through a WebSocket.
`message`	`MessageEvent` (en-US)	Web Workers	A message is received from a Web Worker.
`message`	`MessageEvent` (en-US)	Web Messaging	A message is received from a child (i)frame or a parent window.
`message`	`MessageEvent` (en-US)	Server Sent Events	A message is received through an event source.
`messageerror`	`MessageEvent` (en-US)	`MessagePort` (en-US), Web Workers, Broadcast Channel, `Window`	A message error is raised when a message is received by an object.
`message` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`ServiceWorkerMessageEvent` (en-US) or `ExtendableMessageEvent` (en-US), depending on context.	Service Workers	A message is received from a service worker, or a message is received in a service worker from another context.
`mousedown (en-US)`	`MouseEvent`	DOM L3	A pointing device button (usually a mouse) is pressed on an element.
`mouseenter (en-US)`	`MouseEvent`	DOM L3	A pointing device is moved onto the element that has the listener attached.
`mouseleave (en-US)`	`MouseEvent`	DOM L3	A pointing device is moved off the element that has the listener attached.
`mousemove (en-US)`	`MouseEvent`	DOM L3	A pointing device is moved over an element.
`mouseout (en-US)`	`MouseEvent`	DOM L3	A pointing device is moved off the element that has the listener attached or off one of its children.
`mouseover (en-US)`	`MouseEvent`	DOM L3	A pointing device is moved onto the element that has the listener attached or onto one of its children.
`mouseup (en-US)`	`MouseEvent`	DOM L3	A pointing device button is released over an element.
`nomatch` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechRecognitionEvent` (en-US)	Web Speech API	The speech recognition service returns a final result with no significant recognition.
`notificationclick`	`NotificationEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Notifications API Определение ‘onnotificationclick’ в этой спецификации.	A system notification spawned by `ServiceWorkerRegistration.showNotification()` has been clicked.
`offline (en-US)`	`Event`	HTML5 offline	The browser has lost access to the network.
`online (en-US)`	`Event`	HTML5 offline	The browser has gained access to the network (but particular websites might be unreachable).
`open`	`Event`	WebSocket	A WebSocket connection has been established.
`open`	`Event`	Server Sent Events	An event source connection has been established.
`orientationchange (en-US)`	`Event`	Screen Orientation	The orientation of the device (portrait/landscape) has changed
`pagehide (en-US)`	`PageTransitionEvent` (en-US)	HTML5	A session history entry is being traversed from.
`pageshow (en-US)`	`PageTransitionEvent` (en-US)	HTML5	A session history entry is being traversed to.
`paste (en-US)`	`ClipboardEvent` Это экспериментальное API, которое не должно использоваться в рабочем коде.	Clipboard	Data has been transferred from the system clipboard to the document.
`pause (en-US)`	`Event`	HTML5 media	Playback has been paused.
`pause` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechSynthesisEvent` (en-US)	Web Speech API	The utterance is paused part way through.
`pointercancel`	`PointerEvent` (en-US)	Pointer Events	The pointer is unlikely to produce any more events.
`pointerdown`	`PointerEvent` (en-US)	Pointer Events	The pointer enters the active buttons state.
`pointerenter`	`PointerEvent` (en-US)	Pointer Events	Pointing device is moved inside the hit-testing boundary.
`pointerleave`	`PointerEvent` (en-US)	Pointer Events	Pointing device is moved out of the hit-testing boundary.
`pointerlockchange (en-US)`	`Event`	Pointer Lock	The pointer was locked or released.
`pointerlockerror (en-US)`	`Event`	Pointer Lock	It was impossible to lock the pointer for technical reasons or because the permission was denied.
`pointermove`	`PointerEvent` (en-US)	Pointer Events	The pointer changed coordinates.
`pointerout`	`PointerEvent` (en-US)	Pointer Events	The pointing device moved out of hit-testing boundary or leaves detectable hover range.
`pointerover`	`PointerEvent` (en-US)	Pointer Events	The pointing device is moved into the hit-testing boundary.
`pointerup`	`PointerEvent` (en-US)	Pointer Events	The pointer leaves the active buttons state.
`play (en-US)`	`Event`	HTML5 media	Playback has begun.
`playing (en-US)`	`Event`	HTML5 media	Playback is ready to start after having been paused or delayed due to lack of data.
`popstate (en-US)`	`PopStateEvent` (en-US)	HTML5	A session history entry is being navigated to (in certain cases).
`progress (en-US)`	`ProgressEvent` (en-US)	Progress and XMLHttpRequest	In progress.
`push`	`PushEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Push API	A Service Worker has received a push message.
`pushsubscriptionchange`	`PushEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Push API	A PushSubscription has expired.
`ratechange (en-US)`	`Event`	HTML5 media	The playback rate has changed.
`readystatechange (en-US)`	`Event`	HTML5 and XMLHttpRequest	The readyState attribute of a document has changed.
`repeatEvent (en-US)`	`TimeEvent` (en-US)	SVG	A SMIL animation element is repeated.
`reset (en-US)`	`Event`	DOM L2, HTML5	A form is reset.
`resize (en-US)`	`UIEvent` (en-US)	DOM L3	The document view has been resized.
`resourcetimingbufferfull`	`Performance`	Resource Timing	The browser’s resource timing buffer is full.
`result` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechRecognitionEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Web Speech API	The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.
`resume` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`SpeechSynthesisEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Web Speech API	A paused utterance is resumed.
`scroll (en-US)`	`UIEvent` (en-US)	DOM L3	The document view or an element has been scrolled.
`seeked (en-US)`	`Event`	HTML5 media	A seek operation completed.
`seeking (en-US)`	`Event`	HTML5 media	A seek operation began.
`select (en-US)`	`UIEvent` (en-US)	DOM L3	Some text is being selected.
`selectstart` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Selection API	A selection just started.
`selectionchange` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Selection API	The selection in the document has been changed.
`show (en-US)`	`MouseEvent`	HTML5	A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute
`slotchange`	`Event`	DOM	The node contents of a `HTMLSlotElement` (en-US) (`<slot>`) have changed.
`soundend` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	Any sound — recognisable speech or not — has stopped being detected.
`soundstart` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	Any sound — recognisable speech or not — has been detected.
`speechend` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	Speech recognised by the speech recognition service has stopped being detected.
`speechstart` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	Sound that is recognised by the speech recognition service as speech has been detected.
`stalled (en-US)`	`Event`	HTML5 media	The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
`start` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current `SpeechRecognition`.
`start`	`SpeechSynthesisEvent` (en-US)	Web Speech API	The utterance has begun to be spoken.
`storage (en-US)`	`StorageEvent` (en-US)	Web Storage	A storage area (localStorage or sessionStorage) has changed.
`submit (en-US)`	`Event`	DOM L2, HTML5	A form is submitted.
`success`	`Event`	IndexedDB	A request successfully completed.
`suspend (en-US)`	`Event`	HTML5 media	Media data loading has been suspended.
`SVGAbort (en-US)`	`SVGEvent` (en-US)	SVG	Page loading has been stopped before the SVG was loaded.
`SVGError (en-US)`	`SVGEvent` (en-US)	SVG	An error has occurred before the SVG was loaded.
`SVGLoad (en-US)`	`SVGEvent` (en-US)	SVG	An SVG document has been loaded and parsed.
`SVGResize (en-US)`	`SVGEvent` (en-US)	SVG	An SVG document is being resized.
`SVGScroll (en-US)`	`SVGEvent` (en-US)	SVG	An SVG document is being scrolled.
`SVGUnload (en-US)`	`SVGEvent` (en-US)	SVG	An SVG document has been removed from a window or frame.
`SVGZoom`	`SVGZoomEvent`	SVG	An SVG document is being zoomed.
`timeout`	`ProgressEvent` (en-US)	XMLHttpRequest
`timeupdate (en-US)`	`Event`	HTML5 media	The time indicated by the `currentTime` attribute has been updated.
`touchcancel (en-US)`	`TouchEvent`	Touch Events	A touch point has been disrupted in an implementation-specific manners (too many touch points for example).
`touchend (en-US)`	`TouchEvent`	Touch Events	A touch point is removed from the touch surface.
`touchmove (en-US)`	`TouchEvent`	Touch Events	A touch point is moved along the touch surface.
`touchstart (en-US)`	`TouchEvent`	Touch Events	A touch point is placed on the touch surface.
`transitionend (en-US)`	`TransitionEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	CSS Transitions	A CSS transition has completed.
`unload (en-US)`	`UIEvent` (en-US)	DOM L3	The document or a dependent resource is being unloaded.
`upgradeneeded`		IndexedDB	An attempt was made to open a database with a version number higher than its current version. A `versionchange` transaction has been created.
`userproximity`	`UserProximityEvent` (en-US) Это экспериментальное API, которое не должно использоваться в рабочем коде.	Proximity Sensor	Fresh data is available from a proximity sensor (indicates whether the nearby object is `near` the device or not).
`voiceschanged` Это экспериментальное API, которое не должно использоваться в рабочем коде.	`Event`	Web Speech API	The list of `SpeechSynthesisVoice` (en-US) objects that would be returned by the `SpeechSynthesis.getVoices()` (en-US) method has changed (when the `voiceschanged` event fires.)
`versionchange`		IndexedDB	A `versionchange` transaction completed.
`visibilitychange (en-US)`	`Event`	Page visibility	The content of a tab has become visible or has been hidden.
`volumechange (en-US)`	`Event`	HTML5 media	The volume has changed.
`waiting (en-US)`	`Event`	HTML5 media	Playback has stopped because of a temporary lack of data.
`wheel (en-US)`	`WheelEvent` (en-US)	DOM L3	A wheel button of a pointing device is rotated in any direction.

Общие сведения о функции управления окнами Azure Stream Analytics

03/16/2021

Чтение занимает 2 мин

В этой статье

При использовании потоковой передачи в реальном времени необходимо выполнять операции с теми данными, которые содержатся во временных окнах.In time-streaming scenarios, performing operations on the data contained in temporal windows is a common pattern. В Stream Analytics имеется встроенная поддержка функций управления окнами. Это позволяет разработчикам выполнять сложные задания по обработке потоков с минимальными усилиями.Stream Analytics has native support for windowing functions, enabling developers to author complex stream processing jobs with minimal effort.

Существует пять видов временных окон: «переворачивающегося», прыгающее», скользящий, сеанси снимок окна.There are five kinds of temporal windows to choose from: Tumbling, Hopping, Sliding, Session, and Snapshot windows. Функции управления окнами используются в предложении GROUP BY в синтаксических конструкциях запросов в заданиях Stream Analytics.You use the window functions in the GROUP BY clause of the query syntax in your Stream Analytics jobs. Можно также выполнять статистическую обработку событий в нескольких окнах с помощью функции Windows ().You can also aggregate events over multiple windows using the Windows() function.

Все операции управления окнами выводят результаты в конце окна.All the windowing operations output results at the end of the window. Обратите внимание, что при запуске задания Stream Analytics можно указать время начала вывода задания , и система будет автоматически получать предыдущие события во входящих потоках для вывода первого окна в указанное время. Например, если начать с параметра Now , он начнет немедленно выдавать данные.Note that when you start a stream analytics job, you can specify the Job output start time and the system will automatically fetch previous events in the incoming streams to output the first window at the specified time; for example when you start with the Now option, it will start to emit data immediately. Результатом для окна будет единичное событие, полученное на основе выбранной статистической функции.The output of the window will be single event based on the aggregate function used. Метка времени для выходного события соответствует времени завершения окна, и все функции управления окнами выполняются с фиксированной длительностью.The output event will have the time stamp of the end of the window and all window functions are defined with a fixed length.

«Переворачивающееся» окноTumbling window

Функции «переворачивающегося» окна используются для разделения потока данных на отдельные сегменты времени, для которых и выполняются эти функции, как показано в примере ниже.Tumbling window functions are used to segment a data stream into distinct time segments and perform a function against them, such as the example below. «Переворачивающееся» окно характеризуется тем, что такие окна повторяются и не перекрываются, а любое событие может принадлежать только к одному «переворачивающемуся» окну.The key differentiators of a Tumbling window are that they repeat, do not overlap, and an event cannot belong to more than one tumbling window.

«Прыгающее» окноHopping window

Функции «прыгающего» окна смещаются вперед на фиксированный отрезок времени.Hopping window functions hop forward in time by a fixed period. Их можно легко представить как «переворачивающегося» окна, которые могут перекрываться и выдаваться чаще, чем размер окна.It may be easy to think of them as Tumbling windows that can overlap and be emitted more often than the window size. События могут принадлежать более чем к одному результирующему набору окон прыгающее».Events can belong to more than one Hopping window result set. Если для «прыгающего» окна указать длину прыжка, точно совпадающую с размером окна, оно будет полностью идентично «переворачивающемуся» окну.To make a Hopping window the same as a Tumbling window, specify the hop size to be the same as the window size.

«Скользящее» окноSliding window

Скользящие окна, в отличие от окон «переворачивающегося» или прыгающее», выводят события только для точек во времени при фактическом изменении содержимого окна.Sliding windows, unlike Tumbling or Hopping windows, output events only for points in time when the content of the window actually changes. Иными словами, когда событие входит в окно или выходит из него.In other words, when an event enters or exits the window. Таким образом, каждое окно имеет по крайней мере одно событие.So, every window has at least one event. Как и в прыгающее» окнах, события могут принадлежать к более чем одному скользящему окну.Similar to Hopping windows, events can belong to more than one sliding window.

«Сеансовое» окноSession window

Функции «сеансового» окна группируют события, поступающие одновременно, отфильтровывая периоды времени, в течение которых данные отсутствовали.Session window functions group events that arrive at similar times, filtering out periods of time where there is no data. У такого окна три основных параметра: время ожидания, максимальная длительность и ключ секционирования (необязательно).It has three main parameters: timeout, maximum duration, and partitioning key (optional).

«Сеансовое» окно начинается, когда происходит первое событие.A session window begins when the first event occurs. Если в течение указанного времени ожидания после последнего полученного события происходит еще одно событие, то окно расширяется для включения этого нового события.If another event occurs within the specified timeout from the last ingested event, then the window extends to include the new event. В противном случае, если в течение времени ожидания события отсутствуют, то по истечении этого времени окно закрывается.Otherwise if no events occur within the timeout, then the window is closed at the timeout.

Если события непрерывно происходят в течение указанного времени ожидания, то «сеансовое» окно будет расширяться, пока не будет достигнута максимальная длительность.If events keep occurring within the specified timeout, the session window will keep extending until maximum duration is reached. Интервалы проверки максимальной продолжительности задаются равными указанной максимальной длительности.The maximum duration checking intervals are set to be the same size as the specified max duration. Например, если максимальная длительность равна 10, то проверка превышения максимальной длительности окна будет выполняться при t = 0, 10, 20, 30 и т. д.For example, if the max duration is 10, then the checks on if the window exceed maximum duration will happen at t = 0, 10, 20, 30, etc.

Если указан ключ секции, то события группируются по ключу, и «сеансовое» окно применяется отдельно к каждой группе.When a partition key is provided, the events are grouped together by the key and session window is applied to each group independently. Такое секционирование удобно в случаях, когда требуются разные «сеансовые» окна для различных пользователей или устройств.This partitioning is useful for cases where you need different session windows for different users or devices.

окно моментального снимка;Snapshot window

Окна моментального снимка группирует события, имеющие одинаковую метку времени.Snapshot windows groups events that have the same timestamp. В отличие от других типов окон, для которых требуется определенная функция окна (например, сессионвиндов (), можно применить окно моментального снимка, добавив System. timestamp () в предложение GROUP BY.Unlike other windowing types, which require a specific window function (such as SessionWindow(), you can apply a snapshot window by adding System.Timestamp() to the GROUP BY clause.

Дальнейшие действияNext steps

Ссылка на событие | MDN

Тип события	Описание	Документация
Анимация	События, связанные с API веб-анимации. Используется для ответа на изменения статуса анимации (например, когда анимация начинается или заканчивается).	Анимационные события запущены в `Document` , `Window` , `HTMLElement` .
Асинхронная выборка данных	События, связанные с получением данных.	События, запущенные на `AbortSignal` , `XMLHttpRequest` , `FileReader` .
Буфер обмена	События, связанные с API буфера обмена. Используется для уведомления, когда содержимое вырезано, скопировано или вставлено.	События, инициированные в `документе` , `элементе` , `окне` .
Состав	События, связанные с композицией; ввод текста «косвенно» (вместо обычного нажатия на клавиатуру). Например, текст, введенный с помощью механизма преобразования речи в текст или с использованием специальных комбинаций клавиш, которые изменяют нажатия клавиш для представления новых символов на другом языке.	События, запущенные на элементе .
CSS переход	События, связанные с переходами CSS. Предоставляет события уведомления, когда переходы CSS начинаются, останавливаются, отменяются и т. Д.	События, запущенные в `Document` , `HTMLElement` , `Window` .
База данных	События, связанные с операциями с базой данных: открытие, закрытие, транзакции, ошибки и т. Д.	События, запущенные на `IDBDatabase` , `IDBOpenDBRequest` , `IDBRequest` , `IDBTransaction` .
Мутация DOM	События, связанные с модификациями иерархии и узлов объектной модели документа (DOM).
Drag’n’drop, Колесо	События, связанные с использованием API перетаскивания HTML и событий колеса. События перетаскивания и колесика являются производными от событий мыши. Хотя они запускаются при использовании колесика мыши или перетаскивания, они также могут использоваться с другим подходящим оборудованием.	События перетаскивания, запущенные в документе События Wheel запущены в документе и элементе
Фокус	События, связанные с получением и потерей фокуса элементами.	События, запущенные для элемента , окна .
Форма	События, связанные с созданием, сбросом и отправкой форм.	События, запущенные на `HTMLFormElement` .
Полноэкранный режим	События, связанные с полноэкранным API. Используется для уведомления о переходе между полноэкранным и оконным режимами, а также об ошибках, возникающих во время этого перехода.	События, инициированные в `документе` , `элементе` .
Геймпад	События, связанные с Gamepad API.	События, запущенные в `Window` .
Жесты	Сенсорные события рекомендуются для реализации жестов.	События, инициированные в `документе` , `элементе` . Кроме того, существует ряд нестандартных жестовых событий:
История	События, связанные с API истории.	События, запущенные в `Window` .
Управление отображением содержимого HTML-элемента	События, связанные с изменением состояния отображения или текстового элемента.	События, запущенные для `HTMLDetailsElement` , `HTMLDialogElement` , `HTMLSlotElement` .
Входы	События, связанные с элементами ввода HTML, например. , </code>.</p> </td> <td> События, запущенные на <code> HTMLElement </code>, <code> HTMLInputElement </code>. </td> </tr> <tr> <td> Клавиатура </td> <td> <p> События, связанные с использованием клавиатуры. </p> <p> Используется для уведомления, когда клавиши перемещаются вверх, вниз или просто нажимаются. </p> </td> <td> События, инициированные в <code> документе </code>, <code> элементе </code>. </td> </tr> <tr> <td> Погрузочно-разгрузочные документы </td> <td> <p> События, связанные с загрузкой и разгрузкой документов.</p> </td> <td> События </p> <p> срабатывают в документе <code> </code> и в окне </code> <code>. </p> </td> </tr> <tr> <td> Манифесты </td> <td> <p> События, связанные с установкой манифестов прогрессивных веб-приложений. </p> </td> <td> События, запущенные в <code> Window </code>. </td> </tr> <tr> <td> Медиа </td> <td> <p> События, связанные с использованием мультимедиа (включая Media Capture and Streams API, Web Audio API, Picture-in-Picture API и т. Д.). </p> </td> <td> События, запущенные на <code> ScriptProcessorNode </code>, <code> HTMLMediaElement </code>, <code> AudioTrackList </code>, <code> AudioScheduledSourceNode </code>, <code> MediaRecorder </code>, <code> MediaStream </code>, <code> MediaStreamTrack </code>, <code> VideoTrackList <code>lement HTML, <code> HTMLTrackText </code>, <code> HTMLTrackText </code>, <code> HTMLTrackList <code> </code>, Элемент / аудио, Элемент / видео.</td> </tr> <tr> <td> Сообщения </td> <td> <p> События, связанные с окном, получающим сообщение из другого контекста просмотра. </p> </td> <td> События, запущенные в <code> Window </code>. </td> </tr> <tr> <td> Мышь </td> <td> <p> События, связанные с использованием компьютерной мыши. </p> <p> Используется для уведомления о щелчке мышью, двойном щелчке, событиях вверх и вниз, щелчке правой кнопкой мыши, перемещении в элемент и из элемента, выделении текста и т. Д. </p> <p> События указателя предоставляют аппаратно-независимую альтернативу событиям мыши.События перетаскивания и колесика основаны на событиях мыши. </p> </td> <td> События мыши запущены на элементе <code> </code> </td> </tr> <tr> <td> Сеть / Подключение </td> <td> <p> События, связанные с получением и потерей сетевого подключения. </p> </td> <td> <p> События, запущенные в <code> Window </code>. </p> <p> События, запущенные на <code> NetworkInformation </code> (API сетевой информации). </p> </td> </tr> <tr> <td> Платежи </td> <td> <p> События, связанные с API запроса платежа.</p> </td> <td> <p> События, запущенные для <code> PaymentRequest </code>, <code> PaymentResponse </code>. </p> </td> </tr> <tr> <td> Производительность </td> <td> <p> События, связанные с API времени высокого разрешения, API временной шкалы производительности, API времени навигации, API времени пользователя и API синхронизации ресурсов. </p> </td> <td> <p> События запущены на <code> Performance </code>. </p> </td> </tr> <tr> <td> Указатель </td> <td> <p> События, связанные с API событий указателя.</p> <p> Предоставляет аппаратно-независимые уведомления от указывающих устройств, включая мышь, сенсорный экран, перо / стилус. </p> </td> <td> События, запущенные в <code> Document </code>, <code> HTMLElement </code>. </td> </tr> <tr> <td> Печать </td> <td> <p> События, связанные с печатью. </p> </td> <td> События, запущенные в <code> Window </code>. </td> </tr> <tr> <td> Отклонение обещания </td> <td> <p> События, отправляемые в глобальный контекст сценария, когда любое обещание JavaScript отклоняется.</p> </td> <td> События, запущенные в <code> Window </code>. </td> </tr> <tr> <td> Розетки </td> <td> <p> События, связанные с API WebSockets. </p> </td> <td> События запущены на <code> Websocket </code>. </td> </tr> <tr> <td> SVG </td> <td> <p> События, связанные с изображениями SVG. </p> </td> <td> <p> События, запущенные на <code> SVGElement </code>, <code> SVGAnimationElement </code>, <code> SVGGraphicsElement </code>. </p> </td> </tr> <tr> <td> Выбор текста </td> <td> <p> События, связанные с выделением текста.</p> </td> <td> <p> События инициированы в <code> документе </code>. </p> </td> </tr> <tr> <td> Сенсорный </td> <td> <p> События, связанные с Touch Events API. </p> <p> Предоставляет события уведомления при взаимодействии с сенсорным экраном (т. Е. С помощью пальца или стилуса). Не имеет отношения к Force Touch API. </p> </td> <td> События, инициированные в <code> документе </code>, <code> элементе </code>. </td> </tr> <tr> <td> Виртуальная реальность </td> <td> <p> События, связанные с API устройства WebXR.</p> </td> <td> События, запущенные на <code> XRSystem </code>, <code> XRSession </code>, <code> XRReferenceSpace </code>. </td> </tr> <tr> <td> RTC (связь в реальном времени) </td> <td> <p> События, связанные с API WebRTC. </p> </td> <td> События, запущенные на <code> RTCDataChannel </code>, <code> RTCDTMFSender </code>, <code> RTCIceTransport </code>, <code> RTCPeerConnection </code>. </td> </tr> <tr> <td> События, отправленные сервером </td> <td> <p> События, связанные с сервером отправленных событий API.</p> </td> <td> События, запущенные на <code> EventSource </code>. </td> </tr> <tr> <td> Выступление </td> <td> <p> События, связанные с Web Speech API. </p> </td> <td> События, запущенные на <code> SpeechSynthesisUtterance </code>. </td> </tr> <tr> <td> Рабочие </td> <td> <p> События, связанные с API Web Workers, API Service Worker, API Broadcast Channel и API обмена сообщениями. </p> <p> Используется для ответа на новые сообщения и ошибки отправки сообщений.Сервисные работники также могут быть уведомлены о других событиях, включая push-уведомления, нажатие пользователей на отображаемые уведомления, аннулирование push-подписки, удаление элементов из индекса содержимого и т. Д. </p> </td> <td> События, запущенные на <code> ServiceWorkerGlobalScope </code>, <code> DedicatedWorkerGlobalScope </code>, <code> SharedWorkerGlobalScope </code>, <code> WorkerGlobalScope </code>, <code> Worker </code>, <code> WorkerGlobalScope </code>, <code> BroadcastChannel </code>, <code> MessagePort </code>.</td> </tr> </table> <h2><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B8_%D0%B7%D0%B0%D0%BF%D1%83%D1%81%D0%BA_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9_-_%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0_%D0%BD%D0%B0_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B5"></span> Создание и запуск событий - ссылка на событие <span class="ez-toc-section-end"></span></h2> <p> В этой статье показано, как создавать и отправлять события DOM. Такие события обычно называются <strong> синтетическими событиями </strong>, в отличие от событий, запускаемых самим браузером. </p> <p> События могут быть созданы с помощью конструктора <code> Event </code> следующим образом: </p><pre> <code> const event = новое событие ('сборка'); elem.addEventListener ('сборка', функция (e) {}, ложь); elem.dispatchEvent (событие); </code> </pre><p> В приведенном выше примере кода используется EventTarget.dispatchEvent () метод. </p> <p> Этот конструктор поддерживается в большинстве современных браузеров (за исключением Internet Explorer). Для более подробного подхода (который работает с Internet Explorer) см. Старомодный способ ниже. </p> <h4><span class="ez-toc-section" id="%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5_%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D1%85_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_-_CustomEvent"></span> Добавление пользовательских данных - CustomEvent () <span class="ez-toc-section-end"></span></h4> <p> Для добавления дополнительных данных к объекту события существует интерфейс CustomEvent, и свойство <u> <strong> detail </strong> </u> может использоваться для передачи пользовательских данных. <br /> Например, событие может быть создано следующим образом: </p><pre> <code> const event = new CustomEvent ('build', {detail: elem.dataset.time}); </code> </pre><p> Это позволит вам получить доступ к дополнительным данным в прослушивателе событий: </p><pre> <code> function eventHandler (e) { console.log ('Время:' + e.detail); } </code> </pre><h4><span class="ez-toc-section" id="%D0%A1%D1%82%D0%B0%D1%80%D0%BE%D0%BC%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9_%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1"></span> Старомодный способ <span class="ez-toc-section-end"></span></h4> <p> Старый подход к созданию событий использует API, вдохновленные Java. Ниже показан пример с <code> document.createEvent () </code>: </p> <p>.</p><pre> <code> const event = document.createEvent ('Событие'); event.initEvent ('построить', истина, истина); элем.addEventListener ('build', function (e) { }, ложный); elem.dispatchEvent (событие); </code> </pre><h4><span class="ez-toc-section" id="%D0%92%D0%BE%D0%B7%D0%B1%D1%83%D0%B6%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9"></span> Возбуждение событий <span class="ez-toc-section-end"></span></h4> <p> Часто бывает желательно инициировать событие из дочернего элемента, и предок перехватит его; опционально с данными: </p><pre> <code> <форма> <textarea> `const form = document.querySelector ('форма'); const textarea = document.querySelector ('textarea'); const eventAwesome = new CustomEvent ('awesome', { пузыри: правда, деталь: {текст: () => текстовое поле.значение } }); form.addEventListener ('круто', e => console.log (e.detail.text ())); textarea.addEventListener ('ввод', e => e.target.dispatchEvent (eventAwesome));` Динамическое создание и отправка событий Элементы могут прослушивать события, которые еще не были созданы: `<форма>` `const form = document.querySelector ('форма'); const textarea = document.querySelector ('textarea'); форма.addEventListener ('круто', e => console.log (e.detail.text ())); textarea.addEventListener ('ввод', функция () { this.dispatchEvent (новое CustomEvent ('потрясающе', {пузыри: истина, деталь: {текст: () => textarea.value}})) });` В этом примере демонстрируется имитация щелчка (то есть программной генерации события щелчка) на флажке с использованием методов DOM. Посмотрите пример в действии. `function simulateClick () { const event = new MouseEvent ('click', { вид: окно, пузыри: правда, отменяемый: правда }); const cb = документ.getElementById ('флажок'); const cancelled =! cb.dispatchEvent (событие); if (отменено) { предупреждение («отменено»); } еще { оповещение («не отменено»); } }` Обработка событий (обзор) - Ссылка на событие События - это сигналы, запускаемые внутри окна браузера, которые уведомляют об изменениях в браузере или среде операционной системы. Программисты могут создать код обработчика событий , который будет запускаться при возникновении события, позволяя веб-страницам соответствующим образом реагировать на изменения. Эта страница представляет собой очень краткое «напоминание» о том, как работать с событиями и обработчиками событий. Новым разработчикам следует вместо этого прочитать Введение в события. События документируются на и / или под страницами для объектов JavaScript, которые их генерируют. Например, чтобы узнать о событиях, запущенных в окне браузера или в текущем документе, см. Разделы событий в `Window` и `Document` . Вы можете использовать справочник по событиям, чтобы узнать, какие объекты JavaScript запускают события для определенных API, например.грамм. анимация, медиа и т. д. Существует два рекомендуемых подхода к регистрации обработчиков. Код обработчика событий можно заставить запускаться, когда событие запускается, назначив его соответствующему свойству onevent целевого элемента или зарегистрировав обработчик в качестве прослушивателя для элемента с помощью метода `addEventListener ()` . В любом случае обработчик получит объект, соответствующий интерфейсу `Event` (или производному интерфейсу). Основное отличие состоит в том, что несколько обработчиков событий могут быть добавлены (или удалены) с помощью методов прослушивателя событий. Предупреждение Третий подход к настройке обработчиков событий с использованием атрибутов HTML onevent не рекомендуется! Они раздувают разметку и делают ее менее читаемой и трудной для отладки. Для получения дополнительной информации см. Встроенные обработчики событий. Использование свойств onevent По соглашению, объекты Javascript, запускающие события, имеют соответствующие свойства «onevent» (именуемые с помощью префикса «on» к имени события). Эти свойства вызываются для запуска связанного кода обработчика при запуске события, а также могут быть вызваны непосредственно вашим собственным кодом. Чтобы установить код обработчика событий, вы можете просто назначить его соответствующему свойству onevent. Для каждого события в элементе может быть назначен только один обработчик событий. При необходимости обработчик можно заменить, присвоив тому же свойству другую функцию. Ниже мы покажем, как установить простую функцию `greet ()` для события `click` , используя свойство `onclick` . `const btn = document.querySelector ('кнопка'); function greet (event) { приставка.журнал ('приветствовать:', аргументы) } btn.onclick = приветствовать;` Обратите внимание, что объект, представляющий событие, передается обработчику события в качестве первого аргумента. Этот объект события либо реализует, либо является производным от интерфейса `Event` . EventTarget.addEventListener Самый гибкий способ установить обработчик событий для элемента - использовать метод `EventTarget.addEventListener` . Этот подход позволяет назначать элементу несколько слушателей, а для слушателей можно удалить при необходимости (с использованием `EventTarget.removeEventListener` ). Примечание Возможность добавлять и удалять обработчики событий позволяет, например, иметь одну и ту же кнопку, выполняющую разные действия в разных обстоятельствах. Кроме того, в более сложных программах очистка старых / неиспользуемых обработчиков событий может повысить эффективность. Ниже мы покажем, как простую функцию `greet ()` можно установить в качестве слушателя / обработчика события `click` (при желании вы можете использовать лямбда-функцию вместо именованной функции).Еще раз обратите внимание, что событие передается как первый аргумент обработчику события. `const btn = document.querySelector ('кнопка'); function greet (event) { console.log ('приветствовать:', аргументы) } btn.addEventListener («щелкнуть», приветствовать);` Метод также может принимать дополнительные аргументы / параметры для управления аспектами захвата и удаления событий. Дополнительную информацию можно найти на справочной странице `EventTarget.addEventListener` . Использование сигнала прерывания Примечательной особенностью прослушивателя событий является возможность использования сигнала прерывания для одновременной очистки нескольких обработчиков событий. Это делается путем передачи того же `AbortSignal` вызову `addEventListener ()` для всех обработчиков событий, которые вы хотите удалить вместе. Затем вы можете вызвать `abort ()` на контроллере, владеющем `AbortSignal` , и он удалит все обработчики событий, которые были добавлены с этим сигналом. Например, чтобы добавить обработчик событий, который мы можем удалить с помощью `AbortSignal` : `const controller = новый AbortController (); кстатиaddEventListener ('щелчок', функция (событие) { console.log ('приветствовать:', аргументы) }, {сигнал: controller.signal});` Затем обработчик событий, созданный приведенным выше кодом, можно удалить следующим образом: `controller.abort ();` Элемент: событие щелчка - веб-API Элемент получает событие `click` , когда кнопка указывающего устройства (например, основная кнопка мыши) одновременно нажата и отпущена, когда указатель находится внутри элемента. Если кнопка нажата на одном элементе и указатель перемещается за пределы элемента до того, как кнопка будет отпущена, событие запускается на самом конкретном элементе-предке, который содержал оба элемента. `click` срабатывает после срабатывания событий `mousedown` и `mouseup` в указанном порядке. Объект `MouseEvent` , переданный в обработчик событий для `щелчка.` имеет свойство `detail` , установленное на количество нажатий на цель .Другими словами, `деталь` будет 2 для двойного щелчка, 3 для тройного щелчка и так далее. Этот счетчик сбрасывается через короткий промежуток времени без каких-либо щелчков; Специфика продолжительности этого интервала может варьироваться от браузера к браузеру и на разных платформах. На интервал также могут влиять предпочтения пользователя; например, параметры доступности могут увеличить этот интервал, чтобы упростить выполнение нескольких щелчков мышью с адаптивными интерфейсами. Internet Explorer Internet Explorer 8 и 9 страдают от ошибки, при которой элементы с вычисленным цветом фона или `прозрачным` , которые накладываются поверх других элементов, не будут получать события `click` .Вместо этого любые события `click` будут запущены в базовых элементах. См. Этот живой пример для демонстрации. Известные обходные пути для этой ошибки: Safari Mobile Safari Mobile 7.0+ (и, вероятно, более ранние версии тоже) страдает ошибкой, из-за которой события `click` не запускаются для элементов, которые обычно не являются интерактивными (например, ) и которые также не работают. t иметь слушателей событий, непосредственно прикрепленных к самим элементам (т.е. используется делегирование событий). См. Этот живой пример для демонстрации. См. Также документацию Safari о том, как сделать элементы интерактивными и определение «интерактивных элементов». Известные обходные пути для этой ошибки: Установить `курсор` `: указатель;` на элементе или на любом из его предков. Добавьте фиктивный атрибут `onclick = "void (0)"` к элементу или любому из его предков до , но не включая его. Используйте обычно интерактивный элемент (например,g., ) вместо обычно не интерактивного (например, ). Прекратите использование `щелкните делегирование события` . Safari Mobile считает, что следующие элементы обычно интерактивны (и поэтому эта ошибка не влияет на них): (но он должен иметь `href` ) (но он должен иметь `href` ) `<кнопка>` `<вход>` (но он должен быть связан с элементом управления формой) </code> </li> <li> <em> Этот список неполный; вы можете помочь MDN, проводя дальнейшие испытания / исследования и расширяя его.</em> </li> </ul> <p> В этом примере отображается количество последовательных нажатий на <code> <button> </code>. </p> <h4><span class="ez-toc-section" id="HTML"></span> HTML <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="JavaScript"></span> JavaScript <span class="ez-toc-section-end"></span></h4><pre> <code> const button = document.querySelector ('button'); button.addEventListener ('клик', event => { button.textContent = `Счетчик кликов: $ {event.detail}`; }); </code> </pre><h4><span class="ez-toc-section" id="%D0%A0%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82"></span> Результат <span class="ez-toc-section-end"></span></h4> <p> Попробуйте быстро и многократно нажимать кнопку, чтобы увеличить количество нажатий. Если вы сделаете перерыв между щелчками, счетчик сбрасывается.</p> <p> Таблицы BCD загружаются только в браузере </p> <p> Окно </p> <h2><span class="ez-toc-section" id="-_%D0%92%D0%B5%D0%B1-API_MDN"></span> - Веб-API \| MDN <span class="ez-toc-section-end"></span></h2> <p> Окно <strong> <code> Окно </code> </strong> представляет окно, содержащее документ DOM; документ <code> Свойство </code> указывает на документ DOM, загруженный в это окно. Окно для данного документа можно получить с помощью свойства <code> document.defaultView </code>. </p> <p> Глобальная переменная <code> window </code>, представляющая окно, в котором выполняется сценарий, предоставляется коду JavaScript.</p> <p> Окно <code> Интерфейс </code> содержит множество функций, пространств имен, объектов и конструкторов, которые не обязательно напрямую связаны с концепцией окна пользовательского интерфейса. Однако интерфейс <code> Window </code> является подходящим местом для включения этих элементов, которые должны быть доступны во всем мире. Многие из них задокументированы в Справочнике по JavaScript и Справочнике по DOM. </p> <p> В браузере с вкладками каждая вкладка представлена своим собственным объектом <code> Window </code>; глобальное окно <code> </code>, видимое кодом JavaScript, работающим внутри данной вкладки, всегда представляет вкладку, на которой выполняется код.Тем не менее, даже в браузере с вкладками некоторые свойства и методы по-прежнему применяются к общему окну, содержащему вкладку, например <code> resizeTo () </code> и <code> innerHeight </code>. Как правило, все, что не может относиться к вкладке, вместо этого относится к окну. </p> <p> <em> Этот интерфейс наследует свойства от интерфейса <code> EventTarget </code> и реализует свойства из миксинов <code> WindowOrWorkerGlobalScope </code> и <code> WindowEventHandlers </code>.</em> </p> <p> Обратите внимание, что свойства, которые являются объектами (например, для переопределения прототипа встроенных элементов), перечислены в отдельном разделе ниже. </p> <dl> <dt> <code> Window.closed </code> Только чтение </dt> <dd> Это свойство указывает, закрыто текущее окно или нет. </dd> <dt> <code> Window.console </code> Только чтение </dt> <dd> Возвращает ссылку на объект консоли, который обеспечивает доступ к консоли отладки браузера. </dd> <dt> <code> Окно.контроллеры </code> Только для чтения Этот API не стандартизирован. </dt> <dd> Возвращает объекты контроллера XUL для текущего окна Chrome. </dd> <dt> <code> Window.customElements </code> Только чтение </dt> <dd> Возвращает ссылку на объект <code> CustomElementRegistry </code>, который можно использовать для регистрации новых настраиваемых элементов и получения информации о ранее зарегистрированных настраиваемых элементах. </dd> <dt> <code> Window.crypto </code> Только чтение </dt> <dd> Возвращает крипто-объект браузера.</dd> <dt> <code> Window.devicePixelRatio </code> Только чтение </dt> <dd> Возвращает соотношение между физическими пикселями и пикселями, независимыми от устройства, на текущем дисплее. </dd> <dt> <code> Window.document </code> Только чтение </dt> <dd> Возвращает ссылку на документ, содержащийся в окне. </dd> <dt> <code> Window.DOMMatrix </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMMatrix </code>, который представляет матрицы 4x4, подходящие для 2D- и 3D-операций.</dd> <dt> <code> Window.DOMMatrixReadOnly </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMMatrixReadOnly </code>, который представляет матрицы 4x4, подходящие для 2D- и 3D-операций. </dd> <dt> <code> Window.DOMPoint </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMPoint </code>, который представляет двухмерную или трехмерную точку в системе координат.</dd> <dt> <code> Window.DOMPointReadOnly </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMPointReadOnly </code>, который представляет двухмерную или трехмерную точку в системе координат. </dd> <dt> <code> Window.DOMQuad </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMQuad </code>, который представляет четырехмерный объект, то есть объект с четырьмя углами и четырьмя сторонами.</dd> <dt> <code> Window.DOMRect </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMRect </code>, который представляет прямоугольник. </dd> <dt> <code> Window.DOMRectReadOnly </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает ссылку на объект <code> DOMRectReadOnly </code>, который представляет прямоугольник. </dd> <dt> <code> Window.event </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.Только чтение </dt> <dd> Возвращает <strong> текущее событие, </strong>, которое является событием, которое в данный момент обрабатывается контекстом кода JavaScript, или <code> undefined </code>, если в данный момент не обрабатывается никакое событие. По возможности следует использовать объект <code> Event </code>, переданный непосредственно обработчикам событий. </dd> <dt> <code> Window.frameElement </code> Только чтение </dt> <dd> Возвращает элемент, в который внедрено окно, или null, если окно не внедрено. </dd> <dt> <code> Окно.кадры </code> Только чтение </dt> <dd> Возвращает массив подкадров в текущем окне. </dd> <dt> <code> Window.fullScreen </code> </dt> <dd> Это свойство указывает, отображается ли окно в полноэкранном режиме или нет. </dd> <dt> <code> Window.history </code> Только чтение </dt> <dd> Возвращает ссылку на объект истории. </dd> <dt> <code> Window.innerHeight </code> Только чтение </dt> <dd> Получает высоту области содержимого окна браузера, включая горизонтальную полосу прокрутки, если она отображается.</dd> <dt> <code> Window.innerWidth </code> Только чтение </dt> <dd> Получает ширину области содержимого окна браузера, включая вертикальную полосу прокрутки, если она отображается. </dd> <dt> <code> Window.isSecureContext </code> Это экспериментальный API, который не должен использоваться в производственном коде. Только для чтения </dt> <dd> Указывает, может ли контекст использовать функции, требующие защищенных контекстов. </dd> <dt> <code> Window.length </code> Только чтение </dt> <dd> Возвращает количество кадров в окне.См. Также <code> window.frames </code>. </dd> <dt> <code> Окно. Расположение </code> </dt> <dd> Получает / задает расположение или текущий URL-адрес объекта окна. </dd> <dt> <code> Window.locationbar </code> Только чтение </dt> <dd> Возвращает объект адресной панели, видимость которого можно переключать в окне. </dd> <dt> <code> Window.localStorage </code> Только чтение </dt> <dd> Возвращает ссылку на объект локального хранилища, используемый для хранения данных, доступ к которым может получить только источник, создавший его.</dd> <dt> <code> Window.menubar </code> Только чтение </dt> <dd> Возвращает объект строки меню, видимость которого можно переключать в окне. </dd> <dt> <code> Window.messageManager </code> Этот API не стандартизирован. </dt> <dd> Возвращает объект диспетчера сообщений для этого окна. </dd> <dt> <code> Window.mozInnerScreenX </code> Только для чтения Этот API не стандартизирован. </dt> <dd> Возвращает горизонтальную (X) координату левого верхнего угла области просмотра окна в координатах экрана.Это значение отображается в пикселях CSS. См. <code> mozScreenPixelsPerCSSPixel </code> в <code> nsIDOMWindowUtils </code> для коэффициента преобразования для адаптации к пикселям экрана, если это необходимо. </dd> <dt> <code> Window.mozInnerScreenY </code> Только для чтения Этот API не стандартизирован. </dt> <dd> Возвращает вертикальную (Y) координату левого верхнего угла области просмотра окна в координатах экрана. Это значение отображается в пикселях CSS. См. <code> mozScreenPixelsPerCSSPixel </code>, чтобы узнать коэффициент преобразования для адаптации к пикселям экрана, если это необходимо.</dd> <dt> <code> Window.name </code> </dt> <dd> Получает / задает имя окна. </dd> <dt> <code> Window.navigator </code> Только чтение </dt> <dd> Возвращает ссылку на объект навигатора. </dd> <dt> <code> Оконный открыватель </code> </dt> <dd> Возвращает ссылку на окно, открывшее это текущее окно. </dd> <dt> <code> Window.outerHeight </code> Только чтение </dt> <dd> Получает высоту за пределами окна браузера. </dd> <dt> <code> Window.outerWidth </code> Только чтение </dt> <dd> Получает ширину за пределами окна браузера.</dd> <dt> <code> Window.pageXOffset </code> Только чтение </dt> <dd> Псевдоним для окна <code>.scrollX </code>. </dd> <dt> <code> Window.pageYOffset </code> Только чтение </dt> <dd> Псевдоним для окна <code>.scrollY </code> </dd> <dt> <code> Window.parent </code> Только чтение </dt> <dd> Возвращает ссылку на родительский элемент текущего окна или подфрейма. </dd> <dt> <code> Window.performance </code> Только чтение </dt> <dd> Возвращает объект <code> Performance </code>, который включает в себя атрибуты <code> синхронизации </code> и <code> навигации </code>, каждый из которых является объектом, предоставляющим данные, связанные с производительностью.См. Также раздел Использование времени навигации для получения дополнительной информации и примеров. </dd> <dt> <code> Window.personalbar </code> Только чтение </dt> <dd> Возвращает объект персональной панели, видимость которого можно переключать в окне. </dd> <dt> <code> Window.screen </code> Только чтение </dt> <dd> Возвращает ссылку на объект экрана, связанный с окном. </dd> <dt> <code> Window.screenX </code> и <code> Window.screenLeft </code> Только чтение </dt> <dd> Оба свойства возвращают расстояние по горизонтали от левой границы окна просмотра браузера пользователя до левой стороны экрана.</dd> <dt> <code> Window.screenY </code> и <code> Window.screenTop </code> Только чтение </dt> <dd> Оба свойства возвращают расстояние по вертикали от верхней границы окна просмотра браузера пользователя до верхней части экрана. </dd> <dt> <code> Window.scrollbars </code> Только чтение </dt> <dd> Возвращает объект полосы прокрутки, видимость которого можно переключать в окне. </dd> <dt> <code> Window.scrollMaxX </code> Этот API не стандартизирован. Читать только </dt> <dd> Максимальное смещение, на которое окно может быть прокручено по горизонтали, то есть ширина документа за вычетом ширины области просмотра.</dd> <dt> <code> Window.scrollMaxY </code> Этот API не стандартизирован. Читать только </dt> <dd> Максимальное смещение, на которое окно может быть прокручено по вертикали (т. Е. Высота документа минус высота области просмотра). </dd> <dt> <code> Window.scrollX </code> Только чтение </dt> <dd> Возвращает количество пикселей, на которое документ уже был прокручен по горизонтали. </dd> <dt> <code> Window.scrollY </code> Только чтение </dt> <dd> Возвращает количество пикселей, на которое документ уже был прокручен по вертикали.</dd> <dt> <code> Window.self </code> Только чтение </dt> <dd> Возвращает объектную ссылку на сам объект окна. </dd> <dt> <code> Window.sessionStorage </code> </dt> <dd> Возвращает ссылку на объект хранилища сеанса, используемый для хранения данных, доступ к которым может получить только источник, создавший его. </dd> <dt> <code> Window.sidebar </code> Этот устаревший API больше не следует использовать, но, вероятно, он все еще будет работать. Этот API не стандартизирован. Читать только </dt> <dd> Возвращает ссылку на объект окна боковой панели.</dd> <dt> <code> Window.speechSynthesis </code> Только чтение </dt> <dd> Возвращает объект <code> SpeechSynthesis </code>, который является точкой входа в использование функций синтеза речи Web Speech API. </dd> <dt> <code> Window.status </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Получает / задает текст в строке состояния в нижней части браузера. </dd> <dt> <code> Window.statusbar </code> Только чтение </dt> <dd> Возвращает объект строки состояния, видимость которого можно переключать в окне.</dd> <dt> <code> Window.toolbar </code> Только чтение </dt> <dd> Возвращает объект панели инструментов, видимость которого можно переключать в окне. </dd> <dt> <code> Window.top </code> Только чтение </dt> <dd> Возвращает ссылку на самое верхнее окно в иерархии окон. Это свойство доступно только для чтения. </dd> <dt> <code> Window.visualViewport </code> Только для чтения Это экспериментальный API, который не следует использовать в производственном коде. </dt> <dd> Возвращает <code> VisualViewport </code> объект, который представляет визуальную область просмотра для данного окна.</dd> <dt> <code> Window.window </code> Только чтение </dt> <dd> Возвращает ссылку на текущее окно. </dd> <dt> <code> окно [0] </code>, <code> окно [1] </code> и т. Д. </dt> <dd> Возвращает ссылку на объект <code> window </code> в кадрах. См. <code> Window.frames </code> для более подробной информации. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%B2%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0_%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7_%D0%B4%D1%80%D1%83%D0%B3%D0%B8%D1%85_%D0%B8%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2"></span> Свойства, реализованные из других источников <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A3%D1%81%D1%82%D0%B0%D1%80%D0%B5%D0%B2%D1%88%D0%B8%D0%B5_%D1%81%D0%B2%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0"></span> Устаревшие свойства <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> Window.content </code> и <code> Window._content </code> Этот API не стандартизирован.Этот устаревший API больше не следует использовать, но он, вероятно, по-прежнему будет работать. Читать только </dt> <dd> Возвращает ссылку на элемент содержимого в текущем окне. Начиная с Firefox 57 (изначально только Nightly), обе версии доступны только из хромированного (привилегированного) кода и больше не доступны в Интернете. </dd> <dt> <code> Window.defaultStatus </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Получает / задает текст строки состояния для данного окна.</dd> <dt> <code> Window.dialogArguments </code> Этот устаревший API больше не следует использовать, но он, вероятно, по-прежнему будет работать. Прочтите только </dt> <dd> Получает аргументы, переданные окну (если это диалоговое окно) во время вызова <code> window.showModalDialog () </code>. Это <code> nsIArray </code>. </dd> <dt> <code> Window.directories </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Синоним <code> window.personalbar </code> </dd> <dt> <code> Окно.globalStorage </code> Этот API не стандартизирован. Этот устаревший API больше не следует использовать, но, вероятно, он все еще будет работать. </dt> <dd> Несколько объектов хранения, которые использовались для хранения данных на нескольких страницах. </dd> <dt> <code> Window.mozAnimationStartTime </code> Этот API не стандартизирован. Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Время в миллисекундах с момента начала текущего цикла анимации. Используйте анимацию <code>.startTime </code> вместо этого. </dd> <dt> <code> Window.mozPaintCount </code> Этот API не стандартизирован. Этот устаревший API больше не должен использоваться, но, вероятно, будет работать. </dt> <dd> Возвращает количество раз, когда текущий документ отображался на экране в этом окне. Это можно использовать для вычисления производительности рендеринга. </dd> <dt> <code> Window.orientation </code> Только для чтения Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Возвращает ориентацию в градусах (с шагом 90 градусов) области просмотра относительно естественной ориентации устройства.</dd> <dt> <code> Window.pkcs11 </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Ранее предоставлялся доступ для установки и удаления модулей PKCS11. </dd> <dt> <code> Window.returnValue </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Возвращаемое значение, которое должно быть возвращено функции, которая вызвала <code> window.showModalDialog () </code> для отображения окна как модального диалогового окна. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%9C%D0%B5%D1%82%D0%BE%D0%B4%D1%8B_%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7_%D0%B4%D1%80%D1%83%D0%B3%D0%B8%D1%85_%D0%B8%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2"></span> Методы, реализованные из других источников <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A3%D1%81%D1%82%D0%B0%D1%80%D0%B5%D0%B2%D1%88%D0%B8%D0%B5_%D0%BC%D0%B5%D1%82%D0%BE%D0%B4%D1%8B"></span> Устаревшие методы <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> Окно.back () </code> Этот API не стандартизирован. Этот устаревший API больше не следует использовать, но, вероятно, он все еще будет работать. </dt> <dd> Возвращает на единицу в истории окон. Этот метод устарел; вместо этого вы должны использовать <code> window.history.back () </code>. </dd> <dt> <code> Window.captureEvents () </code> Этот API не стандартизирован. Этот устаревший API больше не должен использоваться, но, вероятно, будет работать. </dt> <dd> Регистрирует окно для захвата всех событий указанного типа.</dd> <dt> <code> Window.forward () </code> Этот API не стандартизирован. Этот устаревший API больше не должен использоваться, но, вероятно, будет работать. </dt> <dd> Перемещает окно на один документ вперед в истории. Этот метод устарел; вместо этого вы должны использовать <code> window.history.forward () </code>. </dd> <dt> <code> Window.home () </code> Этот API не стандартизирован. Этот устаревший API больше не должен использоваться, но, вероятно, будет работать. </dt> <dd> Возвращает браузер на домашнюю страницу.</dd> <dt> <code> Window.openDialog () </code> Этот API не стандартизирован. Этот устаревший API больше не должен использоваться, но, вероятно, будет работать. </dt> <dd> Открывает новое диалоговое окно. </dd> <dt> <code> Window.releaseEvents () </code> Этот API не стандартизирован. Этот устаревший API больше не должен использоваться, но, вероятно, будет работать. </dt> <dd> Освобождает окно от захвата событий определенного типа. </dd> <dt> <code> Window.showModalDialog () </code> Этот API не стандартизирован.Этот устаревший API больше не следует использовать, но он, вероятно, по-прежнему будет работать. </dt> <dd> Отображает модальное диалоговое окно. </dd> </dl> <p> Это свойства объекта окна, которые могут быть установлены для установки обработчиков событий для различных вещей, которые могут происходить в окне и которые могут представлять интерес. </p> <p> <em> Этот интерфейс наследует обработчики событий от интерфейса <code> EventTarget </code> и реализует обработчики событий от <code> WindowEventHandlers </code>. </em> </p> <dl> <dt> <code> Окно.onappinstalled </code> </dt> <dd> Вызывается, когда страница установлена как веб-приложение. См. <code> appinstalled </code> event. </dd> <dt> <code> Window.onbeforeinstallprompt </code> </dt> <dd> Свойство обработчика событий, отправляемое перед тем, как пользователю будет предложено сохранить веб-сайт на главном экране мобильного устройства. </dd> <dt> <code> Window.ondevicelight </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Свойство обработчика событий для любых изменений уровня внешней освещенности (см. <code> DeviceLightEvent </code>).</dd> <dt> <code> Window.ondevicemotion </code> </dt> <dd> Вызывается, если акселерометр обнаруживает изменение (для мобильных устройств) </dd> <dt> <code> Окно. Ориентация датчика </code> </dt> <dd> Вызывается при изменении ориентации (для мобильных устройств) </dd> <dt> <code> Window.ondeviceorientationabsolute </code> Этот API не стандартизирован. </dt> <dd> Свойство обработчика событий для любых изменений ориентации устройства. </dd> <dt> <code> Window.ondeviceproximity </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать.</dt> <dd> Свойство обработчика событий для события близости устройства (см. <code> DeviceProximityEvent </code>) </dd> <dt> <code> Window.ongamepadconnected </code> </dt> <dd> Представляет обработчик событий, который будет запускаться при подключении геймпада (когда срабатывает событие </code>, подключенное к геймпаду <code>). </dd> <dt> <code> Window.ongamepaddisconnected </code> </dt> <dd> Представляет обработчик событий, который запускается при отключении геймпада (при возникновении события <code> gamepaddisconnected </code>).</dd> <dt> <code> Window.onmozbeforepaint </code> </dt> <dd> Свойство обработчика событий для события <code> MozBeforePaint </code>, которое отправляется перед перерисовкой окна, если событие было запрошено вызовом метода <code> window.requestAnimationFrame </code>. </dd> <dt> <code> Window.onpaint </code> </dt> <dd> Свойство обработчика событий для событий рисования в окне. </dd> <dt> <code> WindowEventHandlers.onrejectionhandled </code> </dt> <dd> Обработчик событий для обработанных событий отклонения <code> Promise </code>.</dd> <dt> <code> Window.onuserproximity </code> Этот устаревший API больше не следует использовать, но, вероятно, он по-прежнему будет работать. </dt> <dd> Свойство обработчика событий для событий близости пользователя (см. <code> UserProximityEvent </code>). </dd> <dt> <code> Window.onvrdisplayconnect </code> </dt> <dd> Представляет обработчик событий, который запускается, когда к компьютеру подключено совместимое VR-устройство (при возникновении события <code> vrdisplayconnected </code>). </dd> <dt> <code> Window.onvrdisplaydisconnect </code> </dt> <dd> Представляет обработчик событий, который будет запускаться, когда совместимое устройство VR будет отключено от компьютера (при возникновении события <code> vrdisplaydisconnected </code>).</dd> <dt> <code> Window.onvrdisplayactivate </code> </dt> <dd> Представляет обработчик событий, который запускается, когда дисплей может быть представлен (при возникновении события <code> vrdisplayactivate </code>), например, если HMD был перемещен, чтобы вывести его из режима ожидания, или если он был разбужен включением. </dd> <dt> <code> Window.onvrdisplaydeactivate </code> </dt> <dd> Представляет обработчик событий, который будет запускаться, когда дисплей больше не может быть представлен (при возникновении события <code> vrdisplaydeactivate </code>), например, если HMD перешел в режим ожидания или сна из-за периода бездействия.</dd> <dt> <code> Window.onvrdisplayblur </code> </dt> <dd> Представляет обработчик событий, который будет запускаться, когда представление на дисплее было приостановлено по какой-либо причине браузером, ОС или оборудованием виртуальной реальности (при возникновении события <code> vrdisplayblur </code>) - например, когда пользователь взаимодействует с системным меню или браузер, чтобы предотвратить отслеживание или потерю опыта. </dd> <dt> <code> Window.onvrdisplayfocus </code> </dt> <dd> Представляет обработчик событий, который запускается, когда представление на дисплее возобновляется после размытия (при возникновении события <code> vrdisplayfocus </code>).</dd> <dt> <code> Window.onvrdisplaypresentchange </code> </dt> <dd> представляет собой обработчик событий, который запускается при изменении состояния представления устройства VR, т. Е. Переходит из состояния представления в состояние отсутствия представления или наоборот (при возникновении события <code> vrdisplaypresentchange </code>). </dd> </dl> <h4><span class="ez-toc-section" id="%D0%9E%D0%B1%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B8_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9_%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5_%D0%B8%D0%B7_%D0%B4%D1%80%D1%83%D0%B3%D0%B8%D1%85_%D0%B8%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2"></span> Обработчики событий, реализованные из других источников <span class="ez-toc-section-end"></span></h4> <p> Слушайте эти события, используя <code> addEventListener () </code> или назначив прослушиватель событий <code> на свойстве <em> eventname </em> </code> этого интерфейса.</p> <dl> <dt> <code> ошибка </code> </dt> <dd> Вызывается, когда ресурс не загружается или не может быть использован. Например, если в сценарии есть ошибка выполнения, или изображение не может быть найдено или недействительно. <br /> Также доступно через свойство <code> onerror </code>. </dd> <dt> <code> изменение языка </code> </dt> <dd> Вызывается объектом глобальной области при изменении предпочтительного языка пользователя. <br /> Также доступно через свойство <code> onlanguagechange </code>. </dd> <dt> <code> Изменение ориентации </code> Этот устаревший API больше не следует использовать, но, вероятно, он все еще будет работать.</dt> <dd> Вызывается при изменении ориентации устройства. <br /> Также доступно через <code> onorientationchange </code> собственности. </dd> <dt> <code> устройство движение </code> </dt> <dd> Выстреливается с регулярным интервалом, показывая величину физической силы ускорения, которую получает устройство, и скорость вращения, если таковая имеется. </dd> <dt> <code> ориентация устройства </code> </dt> <dd> Вызывается, когда от датчика ориентации магнитометра доступны свежие данные о текущей ориентации устройства по сравнению с земной системой координат.</dd> <dt> <code> изменить размер </code> </dt> <dd> Вызывается при изменении размера окна. <br /> Также доступно через свойство <code> onresize </code>. </dd> <dt> <code> склад </code> </dt> <dd> Вызывается, когда область хранения (<code> localStorage </code> или <code> sessionStorage </code>) была изменена в контексте другого документа. <br /> Также доступно через <code> onstorage </code> собственности. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%90%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F"></span> Анимационные события <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%B1%D1%83%D1%84%D0%B5%D1%80%D0%B0_%D0%BE%D0%B1%D0%BC%D0%B5%D0%BD%D0%B0"></span> События буфера обмена <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> копия </code> </dt> <dd> Вызывается, когда пользователь инициирует действие копирования через пользовательский интерфейс браузера.<br /> Также доступно через <code> oncopy </code> property. </dd> <dt> <code> разрез </code> </dt> <dd> Вызывается, когда пользователь инициирует действие вырезания через пользовательский интерфейс браузера. <br /> Также доступно через <code> oncut </code> собственности. </dd> <dt> <code> паста </code> </dt> <dd> Вызывается, когда пользователь инициирует действие вставки через пользовательский интерфейс браузера. <br /> Также доступно через свойство <code> onpaste </code>. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BF%D0%BE%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%B8%D1%8F"></span> События подключения <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> в автономном режиме </code> </dt> <dd> Срабатывает, когда браузер потерял доступ к сети и значение <code> навигатора.onLine </code> переключился на <code> false </code>. <br /> Также доступно через <code> onoffline свойство </code>. </dd> <dt> <code> онлайн </code> </dt> <dd> Запускается, когда браузер получил доступ к сети и значение <code> navigator.onLine </code> переключилось на <code> true </code>. <br /> Также доступно через <code> он-лайн </code> собственность. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D1%84%D0%BE%D0%BA%D1%83%D1%81%D0%B8%D1%80%D0%BE%D0%B2%D0%BA%D0%B8"></span> События фокусировки <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> размытие </code> </dt> <dd> Вызывается, когда элемент теряет фокус. <br /> Также доступно через свойство <code> onblur </code>.</dd> <dt> <code> фокус </code> </dt> <dd> Вызывается, когда элемент получил фокус. <br /> Также доступно через <code> onfocus </code> свойство </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%B3%D0%B5%D0%B9%D0%BC%D0%BF%D0%B0%D0%B4%D0%B0"></span> События геймпада <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%98%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F"></span> Исторические события <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> hashchange </code> </dt> <dd> Возникает при изменении идентификатора фрагмента URL-адреса (часть URL-адреса, начинающаяся с символа <code> # </code> и следующая за ним). <br /> Также доступно через свойство <code> onhashchange </code>. </dd> <dt> <code> скрыть страницу </code> </dt> <dd> Отправляется, когда браузер скрывает текущий документ в процессе переключения на отображение на его месте другого документа из истории сеанса.Это происходит, например, когда пользователь нажимает кнопку «Назад» или когда он нажимает кнопку «Вперед» для перехода вперед в истории сеанса. <br /> Также доступно через свойство обработчика событий <code> onpagehide </code>. </dd> <dt> <code> стр. Показать </code> </dt> <dd> Отправляется, когда браузер делает документ видимым из-за задач навигации, в том числе не только при первой загрузке страницы, но и в таких ситуациях, как пользователь возвращается на страницу после перехода на другую страницу на той же вкладке.<br /> Также доступно с использованием свойства обработчика событий <code> onpageshow </code>. </dd> <dt> <code> <code> popstate </code> </code> </dt> <dd> Вызывается при изменении активной записи истории. <br /> Также доступно с использованием свойства обработчика событий <code> onpopstate </code>. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8_%D0%B8_%D1%80%D0%B0%D0%B7%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8"></span> События загрузки и разгрузки <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> перед выгрузкой </code> </dt> <dd> Вызывается, когда окно, документ и его ресурсы собираются выгрузить. <br /> Также доступно через свойство <code> onbeforeunload </code>.</dd> <dt> <code> DOMContentLoaded </code> </dt> <dd> Вызывается, когда документ был полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и субфреймов. </dd> <dt> <code> нагрузка </code> </dt> <dd> Вызывается, когда загружается вся страница, включая все зависимые ресурсы, такие как изображения таблиц стилей. <br /> Также доступно через свойство <code> onload </code>. </dd> <dt> <code> выгрузить </code> </dt> <dd> Вызывается при выгрузке документа или дочернего ресурса.<br /> Также доступно через свойство <code> onunload </code>. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BC%D0%B0%D0%BD%D0%B8%D1%84%D0%B5%D1%81%D1%82%D0%B0"></span> События манифеста <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BE%D0%B1%D0%BC%D0%B5%D0%BD%D0%B0_%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8"></span> События обмена сообщениями <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BF%D0%B5%D1%87%D0%B0%D1%82%D0%B8"></span> События печати <span class="ez-toc-section-end"></span></h4> <dl> <dt> <code> последующая печать </code> </dt> <dd> Вызывается после начала печати связанного документа или закрытия предварительного просмотра. <br /> Также доступно через <code> onafterprint </code> собственности. </dd> <dt> <code> до печати </code> </dt> <dd> Вызывается, когда связанный документ готовится к печати или предварительному просмотру для печати.<br /> Также доступно по адресу <code> onbeforeprint </code> property. </dd> </dl> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BE%D1%82%D0%BA%D0%BB%D0%BE%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F_%D0%BE%D0%B1%D0%B5%D1%89%D0%B0%D0%BD%D0%B8%D0%B9"></span> События отклонения обещаний <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4%D0%B0"></span> События перехода <span class="ez-toc-section-end"></span></h4> <h4><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_WebVR"></span> События WebVR <span class="ez-toc-section-end"></span></h4> <p> Таблицы BCD загружаются только в браузере </p> <h2><span class="ez-toc-section" id="Windowwindow_-_%D0%92%D0%B5%D0%B1-API_MDN"></span> Window.window - Веб-API \| MDN <span class="ez-toc-section-end"></span></h2> <p> Свойство <strong> <code> window </code> </strong> объекта <code> Window </code> указывает на сам объект окна. Таким образом, все следующие выражения возвращают один и тот же объект окна: </p><pre> <code> окно. Окно окно.window.window window.window.window.window </code> </pre><p> На веб-страницах объект окна также является глобальным объектом <em> </em>. Это означает: </p> <ol> <li> глобальные переменные вашего скрипта на самом деле являются свойствами окна <code> </code>:<pre> <code> var global = {data: 0}; предупреждение (глобальный === window.global); </code> </pre></li> <li>, вы можете получить доступ к встроенным свойствам объекта окна, не набирая <code> window. Префикс </code>:<pre> <code> setTimeout ("alert ('Привет!')", 50); alert (window === window.окно); </code> </pre></li> </ol> <p> Смысл того, что свойство <code> window </code> относится к самому объекту, вероятно, упростил обращение к глобальному объекту. В противном случае вам придется вручную выполнить <code> var window = this; Назначение </code> вверху вашего скрипта. </p> <p> Другая причина заключается в том, что без этого свойства вы не смогли бы написать, например, «<code> window.open ('http://google.com/') </code>». Вместо этого вам придется использовать open ('http://google.com/').</p> <p> Еще одна причина использовать это свойство - для библиотек, которые хотят предлагать версии ООП и версии без ООП (особенно модули JavaScript). Например, если мы обратимся к this.window.location.href, модуль JavaScript может определить свойство под названием «window» внутри определенного им класса (поскольку по умолчанию для него не существует глобальной переменной «window»), которая могла бы будет создан после передачи объекта окна в конструктор класса модуля. Таким образом, "this.window" внутри его функций будет ссылаться на этот объект окна.В версии без пространства имен «this.window» будет ссылаться на «окно», а также сможет легко получить местоположение документа. Еще одно преимущество заключается в том, что объекты такого класса (даже если класс был определен вне модуля) могли изменять свою ссылку на окно по своему желанию, они не смогли бы сделать это, если бы жестко закодировали ссылку на "окно". Значение по умолчанию в классе все еще может быть установлено как текущий оконный объект. </p> <p> Таблицы BCD загружаются только в браузере </p> <h2><span class="ez-toc-section" id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9_HTML"></span> Атрибуты событий HTML <span class="ez-toc-section-end"></span></h2> <hr/> <h3><span class="ez-toc-section" id="%D0%93%D0%BB%D0%BE%D0%B1%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9"></span> Глобальные атрибуты событий <span class="ez-toc-section-end"></span></h3> <p> HTML позволяет событиям запускать действия в браузере, например запускать JavaScript, когда пользователь щелкает элемент.</p> <p> Чтобы узнать больше о программировании событий, посетите наш учебник по JavaScript. </p> <p> Ниже приведены глобальные атрибуты событий, которые могут быть добавлены к элементам HTML для определения действий при событии. </p> <hr/> <h3><span class="ez-toc-section" id="%D0%90%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9_%D0%BE%D0%BA%D0%BD%D0%B0"></span> Атрибуты событий окна <span class="ez-toc-section-end"></span></h3> <p> События, инициированные для объекта окна (применяется к тегу <body>): </p> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> после печати </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый после печати документа </td> </tr> <tr> <td> до отпечатка </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый перед печатью документа </td> </tr> <tr> <td> перед выгрузкой </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый перед выгрузкой документа </td> </tr> <tr> <td> ошибка </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при возникновении ошибки </td> </tr> <tr> <td> на хэш-обмене </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при изменении привязанной части URL-адреса </td> </tr> <tr> <td> загрузка </td> <td> <i> сценарий </i> </td> <td> Срабатывает после завершения загрузки страницы </td> </tr> <tr> <td> в сообщении </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при появлении сообщения </td> </tr> <tr> <td> в сети </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый, когда браузер начинает работать в автономном режиме </td> </tr> <tr> <td> онлайн </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый, когда браузер начинает работать в сети </td> </tr> <tr> <td> на странице скрыть </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда пользователь уходит со страницы </td> </tr> <tr> <td> на странице </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда пользователь переходит на страницу </td> </tr> <tr> <td> onpopstate </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при изменении истории окна </td> </tr> <tr> <td> по размеру </td> <td> <i> сценарий </i> </td> <td> Срабатывает при изменении размера окна браузера </td> </tr> <tr> <td> на складе </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при обновлении области веб-хранилища </td> </tr> <tr> <td> под нагрузкой </td> <td> <i> сценарий </i> </td> <td> Срабатывает после выгрузки страницы (или закрытия окна браузера) </td> </tr> </table> <hr/> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D1%84%D0%BE%D1%80%D0%BC%D1%8B"></span> События формы <span class="ez-toc-section-end"></span></h3> <p> События, вызванные действиями внутри HTML-формы (применимо почти ко всем HTML-элементам, но чаще всего<br /> используется в элементах формы): </p> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> onblur </td> <td> <i> сценарий </i> </td> <td> Срабатывает в момент, когда элемент теряет фокус </td> </tr> <tr> <td> на замену </td> <td> <i> сценарий </i> </td> <td> Срабатывает в момент изменения значения элемента </td> </tr> <tr> <td> контекстное меню </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при открытии контекстного меню </td> </tr> <tr> <td> onfocus </td> <td> <i> сценарий </i> </td> <td> Запускает момент, когда элемент получает фокус </td> </tr> <tr> <td> на входе </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда элемент получает ввод пользователя </td> </tr> <tr> <td> недействительно </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при недопустимом элементе </td> </tr> <tr> <td> сброшено </td> <td> <i> сценарий </i> </td> <td> Срабатывает при нажатии кнопки сброса в форме </td> </tr> <tr> <td> поиск </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь что-то вводит в поле поиска (для<br /> <input = "search">) </td> </tr> <tr> <td> при выборе </td> <td> <i> сценарий </i> </td> <td> Срабатывает после выделения текста в элементе </td> </tr> <tr> <td> при подаче </td> <td> <i> сценарий </i> </td> <td> Срабатывает при отправке формы </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BA%D0%BB%D0%B0%D0%B2%D0%B8%D0%B0%D1%82%D1%83%D1%80%D1%8B"></span> События клавиатуры <span class="ez-toc-section-end"></span></h3> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> нажатие клавиши </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь нажимает клавишу </td> </tr> <tr> <td> onkeypress </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь нажимает клавишу </td> </tr> <tr> <td> onkeyup </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь отпускает клавишу </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BC%D1%8B%D1%88%D0%B8"></span> События мыши <span class="ez-toc-section-end"></span></h3> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> onclick </td> <td> <i> сценарий </i> </td> <td> Запускается щелчком мыши по элементу </td> </tr> <tr> <td> ondblclick </td> <td> <i> сценарий </i> </td> <td> Запускается двойным щелчком мыши по элементу </td> </tr> <tr> <td> onmousedown </td> <td> <i> сценарий </i> </td> <td> Срабатывает при нажатии кнопки мыши на элементе </td> </tr> <tr> <td> onmousemove </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда указатель мыши перемещается, когда он находится над элементом </td> </tr> <tr> <td> onmouseout </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда указатель мыши выходит за пределы элемента </td> </tr> <tr> <td> на мышке над </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда указатель мыши перемещается над элементом </td> </tr> <tr> <td> onmouseup </td> <td> <i> сценарий </i> </td> <td> Срабатывает при отпускании кнопки мыши над элементом </td> </tr> <tr> <td> колесо мыши </td> <td> <i> сценарий </i> </td> <td> Не рекомендуется.Используйте атрибут onwheel вместо </td> </tr> <tr> <td> на колесе </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда колесо мыши наезжает вверх или вниз над элементом </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%BF%D0%B5%D1%80%D0%B5%D1%82%D0%B0%D1%81%D0%BA%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F"></span> События перетаскивания <span class="ez-toc-section-end"></span></h3> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> онтраг </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при перетаскивании элемента </td> </tr> <tr> <td> драгенд </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый в конце операции перетаскивания </td> </tr> <tr> <td> ондрагентер </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при перетаскивании элемента в допустимую цель для перетаскивания </td> </tr> <tr> <td> ondragleave </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда элемент покидает допустимую цель перетаскивания </td> </tr> <tr> <td> вперед </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда элемент перетаскивается через допустимую цель перетаскивания </td> </tr> <tr> <td> ondragstart </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый в начале операции перетаскивания </td> </tr> <tr> <td> капля </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при отбрасывании перетаскиваемого элемента </td> </tr> <tr> <td> в прокрутке </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при прокрутке полосы прокрутки элемента </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%B1%D1%83%D1%84%D0%B5%D1%80%D0%B0_%D0%BE%D0%B1%D0%BC%D0%B5%D0%BD%D0%B0-2"></span> События буфера обмена <span class="ez-toc-section-end"></span></h3> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> копирование </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь копирует содержимое элемента </td> </tr> <tr> <td> нарезка </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь сокращает содержимое элемента </td> </tr> <tr> <td> паста </td> <td> <i> сценарий </i> </td> <td> Срабатывает, когда пользователь вставляет некоторый контент в элемент </td> </tr> </table> <hr/> <h3><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%A1%D0%9C%D0%98"></span> События СМИ <span class="ez-toc-section-end"></span></h3> <p> События, инициируемые такими медиа, как видео, изображения и аудио (применяется ко всем элементам HTML, но чаще всего встречается в элементах мультимедиа,<br /> например <audio>, <embed>, <img>, <object> и <video>).</p> <table> <tr> <th> Атрибут </th> <th> Значение </th> <th> Описание </th> </tr> <tr> <td> onabort </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при прерывании </td> </tr> <tr> <td> oncanplay </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда файл готов к началу воспроизведения (когда он достаточно буферизован для начала) </td> </tr> <tr> <td> можно пройти через </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый, когда файл можно воспроизвести до конца без паузы для буферизации </td> </tr> <tr> <td> на смену </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при изменении сигнала в элементе<track></td> </tr> <tr> <td> на срок смены </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при изменении длины носителя </td> </tr> <tr> <td> без мусора </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда происходит что-то плохое, и файл внезапно становится недоступным (например, неожиданно отключается) </td> </tr> <tr> <td> завершено </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда носитель подошел к концу (полезное событие для сообщений типа «спасибо за прослушивание») </td> </tr> <tr> <td> ошибка </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при возникновении ошибки при загрузке файла </td> </tr> <tr> <td> загруженные данные </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при загрузке медиа-данных </td> </tr> <tr> <td> загруженные метаданные </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при загрузке метаданных (например, размеров и продолжительности) </td> </tr> <tr> <td> onloadstart </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый сразу после начала загрузки файла до того, как что-либо будет<br /> загружен </td> </tr> <tr> <td> на паузу </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда воспроизведение мультимедиа приостановлено пользователем или программно </td> </tr> <tr> <td> в игре </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый, когда носитель будет готов начать воспроизведение </td> </tr> <tr> <td> в игре </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда носитель действительно начал воспроизведение </td> </tr> <tr> <td> в процессе </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда браузер находится в процессе получения мультимедиа<br /> данные </td> </tr> <tr> <td> обменять </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый каждый раз при изменении скорости воспроизведения (например, когда пользователь переключается в режим замедленного воспроизведения или ускоренного воспроизведения вперед) </td> </tr> <tr> <td> востребовано </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда для атрибута поиска установлено значение false, указывающее, что поиск завершен </td> </tr> <tr> <td> в поиске </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда для атрибута поиска установлено значение true, что указывает на то, что поиск активен </td> </tr> <tr> <td> установлен </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый, когда браузер не может получить мультимедийные данные по какой-либо причине </td> </tr> <tr> <td> включение приостановлено </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый при загрузке мультимедийных данных, останавливается до полной загрузки по какой-либо причине </td> </tr> <tr> <td> ontimeupdate </td> <td> <i> сценарий </i> </td> <td> Скрипт, запускаемый при изменении позиции воспроизведения (например, когда пользователь быстро переходит к другому месту на носителе) </td> </tr> <tr> <td> по объему Изменение </td> <td> <i> сценарий </i> </td> <td> Сценарий, запускаемый каждый раз при изменении громкости (включая настройку громкости на «отключение звука»).</p> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/sobytiya-javascript-window-window-interfejsy-veb-api.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://jumper.su/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required"></span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required"></span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"> Имя * Email * Сайт `Навигация по записям` `Previous PostКак сделать скриншот на ютубе: Как я могу сделать скриншоты видео YouTube в полноэкранном режиме?` `Next PostОнлайн бесплатно удалить фон: Remove Background from Image – remove.bg` `Рубрики` `Wordpress` `Без рубрики` `Верстка` `Дизайн` `Для начинающих` `Обучение` `Примеры` `Разное` `Шаблон` `2024 © Все права защищены.`

События javascript window: Window — Интерфейсы веб API

Window — Интерфейсы веб API

Свойства, реализованные из других мест

Методы, реализованные из других мест

Справочник по событиям | MDN

Общие сведения о функции управления окнами Azure Stream Analytics

В этой статье

«Переворачивающееся» окноTumbling window

«Прыгающее» окноHopping window

«Скользящее» окноSliding window

«Сеансовое» окноSession window

окно моментального снимка;Snapshot window

Дальнейшие действияNext steps

Ссылка на событие | MDN

Динамическое создание и отправка событий

Обработка событий (обзор) - Ссылка на событие

Предупреждение

Использование свойств onevent

EventTarget.addEventListener

Примечание

Использование сигнала прерывания

Элемент: событие щелчка - веб-API

Internet Explorer

Safari Mobile