aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/events
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
commit074785cea106179cb3305637055ab0a009ca74f2 (patch)
treee6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/events
parentda78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
downloadtranslated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz
translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2
translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip
initial commit
Diffstat (limited to 'files/ru/web/events')
-rw-r--r--files/ru/web/events/abort/index.html69
-rw-r--r--files/ru/web/events/blur/index.html153
-rw-r--r--files/ru/web/events/domcontentloaded/index.html146
-rw-r--r--files/ru/web/events/dommodaldialogclosed/index.html63
-rw-r--r--files/ru/web/events/domsubtreemodified/index.html21
-rw-r--r--files/ru/web/events/error/index.html95
-rw-r--r--files/ru/web/events/focusin/index.html123
-rw-r--r--files/ru/web/events/focusout/index.html126
-rw-r--r--files/ru/web/events/index.html2964
-rw-r--r--files/ru/web/events/load/index.html88
-rw-r--r--files/ru/web/events/loadstart/index.html89
-rw-r--r--files/ru/web/events/readystatechange/index.html90
-rw-r--r--files/ru/web/events/transitionend/index.html165
-rw-r--r--files/ru/web/events/unhandledrejection/index.html49
14 files changed, 4241 insertions, 0 deletions
diff --git a/files/ru/web/events/abort/index.html b/files/ru/web/events/abort/index.html
new file mode 100644
index 0000000000..22796bf4fa
--- /dev/null
+++ b/files/ru/web/events/abort/index.html
@@ -0,0 +1,69 @@
+---
+title: abort
+slug: Web/Events/abort
+tags:
+ - Событие
+translation_of: Web/API/HTMLMediaElement/abort_event
+---
+<p>Событие "abort" вызывается когда загрузка какого-либо ресурса была прервана.</p>
+
+<h2 id="Общая_информация">Общая информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("UIEvent")}} если событие сгенерировано из пользовательского интерфейса, иначе {{domxref("Event")}}.</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплывание</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемость</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("window")}}, {{domxref("Element")}}</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Свойство</th>
+ <th scope="col">Тип</th>
+ <th scope="col">Описание</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td>
+ <td>Цель события (самый вышележащий элемент в DOM дереве).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td>
+ <td>Тип события.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Поднимается ли событие вверх как принято или нет.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Является ли событие отменяемым или нет?</td>
+ </tr>
+ <tr>
+ <td><code>view</code> {{readonlyInline}}</td>
+ <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td>
+ <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (свойство <code>window</code>  объекта document)</td>
+ </tr>
+ <tr>
+ <td><code>detail</code> {{readonlyInline}}</td>
+ <td><code>long</code> (<code>float</code>)</td>
+ <td>0.</td>
+ </tr>
+ </tbody>
+</table>
diff --git a/files/ru/web/events/blur/index.html b/files/ru/web/events/blur/index.html
new file mode 100644
index 0000000000..a29fa0debc
--- /dev/null
+++ b/files/ru/web/events/blur/index.html
@@ -0,0 +1,153 @@
+---
+title: blur (event)
+slug: Web/Events/blur
+tags:
+ - DOM
+ - DOM Events
+translation_of: Web/API/Element/blur_event
+---
+<p>Событие <code>blur</code> вызывается когда элемент теряет фокус. Главное отличие между этим событием и  <a href="/en-US/docs/Mozilla_event_reference/focusout"><code>focusout</code></a> только в том что у последнего есть фаза всплытия.</p>
+
+<h2 id="Основная_информация">Основная информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("FocusEvent")}}</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплытие</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемый</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Элемент</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<p>{{NoteStart}}Значение {{domxref("Document.activeElement")}} меняется в зависимости от браузера во время выполнения этого события ({{bug(452307)}}): IE10 устанавливает его к элементу на который будет перемещен фокус, в то время как Firefox и Chrome обычно устанавливают его к <code>body</code> документа{{NoteEnd}}</p>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>Event target (DOM element)</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ <tr>
+ <td><code>relatedTarget</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}} (DOM element)</td>
+ <td>null</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Делегирование_события">Делегирование события</h2>
+
+<p>Есть два способа реализовать делегирование этого события: использовать событие <code>focusout</code> в браузерах которые поддерживают его (все браузеры, Firefox с 52+), или установить параметр "useCapture" метода <a href="/en-US/docs/DOM/element.addEventListener"><code>addEventListener</code></a> на <code>true</code>:</p>
+
+<h3 id="HTML_Content">HTML Content</h3>
+
+<pre class="brush:html;">&lt;form id="form"&gt;
+  &lt;input type="text" placeholder="text input"&gt;
+  &lt;input type="password" placeholder="password"&gt;
+&lt;/form&gt;</pre>
+
+<h3 id="JavaScript_Content">JavaScript Content</h3>
+
+<pre class="brush: js">var form = document.getElementById("form");
+form.addEventListener("focus", function( event ) {
+ event.target.style.background = "pink";
+}, true);
+form.addEventListener("blur", function( event ) {
+ event.target.style.background = "";
+}, true);</pre>
+
+<p>{{EmbedLiveSample('Event_delegation')}}</p>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>5</td>
+ <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+ <td>6</td>
+ <td>12.1</td>
+ <td>5.1</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Chrome for Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>4.0</td>
+ <td>53</td>
+ <td>{{CompatUnknown}}</td>
+ <td>10.0</td>
+ <td>12.1</td>
+ <td>5.1</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] В Gecko до 24 {{geckoRelease(24)}} интефейс для этого события был {{domxref("Event")}}, не {{domxref("FocusEvent")}}. Смотреть ({{bug(855741)}}).</p>
+
+<h2 id="Похожие_события">Похожие события</h2>
+
+<ul>
+ <li>{{event("focus")}}</li>
+ <li>{{event("blur")}}</li>
+ <li>{{event("focusin")}}</li>
+ <li>{{event("focusout")}}</li>
+</ul>
diff --git a/files/ru/web/events/domcontentloaded/index.html b/files/ru/web/events/domcontentloaded/index.html
new file mode 100644
index 0000000000..7702dcfd24
--- /dev/null
+++ b/files/ru/web/events/domcontentloaded/index.html
@@ -0,0 +1,146 @@
+---
+title: DOMContentLoaded
+slug: Web/Events/DOMContentLoaded
+tags:
+ - события
+translation_of: Web/API/Window/DOMContentLoaded_event
+---
+<p><code><font face="Open Sans, Arial, sans-serif">Событие </font>DOMContentLoaded</code> происходит когда весь HTML был полностью загружен и пройден парсером, не дожидаясь окончания загрузки таблиц стилей, изображений и фреймов. Значительно отличающееся от него событие <a href="/en-US/docs/Mozilla_event_reference/load"><code>load</code></a> используется для отслеживания только полностью загруженной страницы. Широко распространённой ошибкой является использование <a href="/en-US/docs/Mozilla_event_reference/load"><code>load</code></a> в ситуации когда <code>DOMContentLoaded</code> является более подходящим, будьте внимательны.</p>
+
+<p>{{Note("Синхронный JavaScript останавливает парсинг DOM.")}}</p>
+
+<p>{{Note("Существуют различные библиотеки, как общего назначения так и специализированные, предлагающие кросс-браузерные методы, позволяющие определить, что DOM готов к использованию.")}}</p>
+
+<h2 id="Ускорение_работы">Ускорение работы</h2>
+
+<p>Если вы хотите чтобы DOM был пройден парсером насколько возможно быстро, сразу после запроса пользователем страницы, вы можете попробовать выполнять <a href="/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">JavaScript асинхронно </a>и <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery">оптимизировать загрузку таблиц стилей</a> которые обычно замедляют загрузку документа поскольку загружаясь одновременно "крадут" трафик у основного документа.</p>
+
+<h2 id="Основная_информация">Основная информация</h2>
+
+<dl>
+ <dt style="width: 120px; text-align: right; float: left;">Спецификация</dt>
+ <dd style="margin: 0px 0px 0px 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></dd>
+ <dt style="width: 120px; text-align: right; float: left;">Интерфейс </dt>
+ <dd style="margin: 0px 0px 0px 120px;">Event</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Всплывает</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Да</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Отменяемое</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Да (несмотря на то, что в спецификации указано как простое событие, которое не является отменяемым)</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Цель </dt>
+ <dd style="margin: 0px 0px 0px 120px;">Document</dd>
+ <dt style="width: 120px; text-align: right; float: left;">Default Action</dt>
+ <dd style="margin: 0px 0px 0px 120px;">Нет.</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Свойство</th>
+ <th scope="col">Тип</th>
+ <th scope="col">Описание</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>Тип события.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Возможно ли отменить событие.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Пример">Пример</h2>
+
+<pre>&lt;script&gt;
+ document.addEventListener("DOMContentLoaded", function(event) {
+  console.log("DOM fully loaded and parsed");
+ });
+&lt;/script&gt;
+</pre>
+
+<pre>&lt;script&gt;
+ document.addEventListener("DOMContentLoaded", function(event) {
+  console.log("DOM fully loaded and parsed");
+ });
+
+for(var i=0; i&lt;1000000000; i++)
+{} // this synchronous script is going to delay parsing of the DOM. So the DOMContentLoaded event is going to launch later.
+&lt;/script&gt;
+</pre>
+
+<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<table>
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Базовая поддержка</td>
+ <td>1.0<sup>[1]</sup></td>
+ <td>{{CompatGeckoDesktop("1")}}<sup>[1]</sup></td>
+ <td>9.0<sup>[2]</sup></td>
+ <td>9.0</td>
+ <td>3.1<sup>[1]</sup></td>
+ </tr>
+ </tbody>
+</table>
+
+<table>
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Базовая поддержка</td>
+ <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+ <td>{{CompatGeckoMobile("1")}}<sup>[1]</sup></td>
+ <td>{{CompatUnknown}}<sup>[2]</sup></td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
+ </tr>
+ </tbody>
+</table>
+
+<p>[1] Всплытие для этого события поддерживается как минимум с версий Gecko 1.9.2, Chrome 6, и Safari 4.</p>
+
+<p>[2] Internet Explorer 8 поддерживает событие <code>readystatechange</code>, которое можно использовать для определения готовности DOM. В более ранних версиях Internet Explorer,это событие можно определить циклическим выполнением <code>document.documentElement.doScroll("left");</code>, это событие будет выбрасывать ошибку если DOM не готов.</p>
+
+<h2 id="Связанные_события">Связанные события</h2>
+
+<ul>
+ <li>{{event("DOMContentLoaded")}}</li>
+ <li>{{event("readystatechange")}}</li>
+ <li>{{event("load")}}</li>
+ <li>{{event("beforeunload")}}</li>
+ <li>{{event("unload")}}</li>
+</ul>
diff --git a/files/ru/web/events/dommodaldialogclosed/index.html b/files/ru/web/events/dommodaldialogclosed/index.html
new file mode 100644
index 0000000000..67b480544b
--- /dev/null
+++ b/files/ru/web/events/dommodaldialogclosed/index.html
@@ -0,0 +1,63 @@
+---
+title: DOMModalDialogClosed
+slug: Web/Events/DOMModalDialogClosed
+translation_of: Archive/Add-ons/Events/DOMModalDialogClosed
+---
+<p>The <code>DOMModalDialogClosed</code> event is executed when a modal dialog has been closed.</p>
+
+<h2 id="General_info">General info</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Specification</dt>
+ <dd style="margin: 0 0 0 120px;"><em>Addons specific</em></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
+ <dd style="margin: 0 0 0 120px;">Event</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
+ <dd style="margin: 0 0 0 120px;">Yes</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
+ <dd style="margin: 0 0 0 120px;">Yes</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Target</dt>
+ <dd style="margin: 0 0 0 120px;">window, <a href="/en-US/docs/XUL/browser">browser</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Default Action</dt>
+ <dd style="margin: 0 0 0 120px;">None</dd>
+</dl>
+
+<h2 id="Properties">Properties</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Listening_to_events_in_Firefox_extensions" title="/en-US/docs/Listening_to_events_in_Firefox_extensions">Listening to events in Firefox extensions</a></li>
+</ul>
diff --git a/files/ru/web/events/domsubtreemodified/index.html b/files/ru/web/events/domsubtreemodified/index.html
new file mode 100644
index 0000000000..dfd00fe94d
--- /dev/null
+++ b/files/ru/web/events/domsubtreemodified/index.html
@@ -0,0 +1,21 @@
+---
+title: DOMSubtreeModified
+slug: Web/Events/DOMSubtreeModified
+tags:
+ - DOMSubtreeModified
+translation_of: Archive/Events/DOMSubtreeModified
+---
+<h2 id="Example" name="Example">Пример</h2>
+
+<p>Следующий код отображает время последнего изменения DOM в строке заголовка страницы.</p>
+
+<div class="warning">
+<p>Это событие устарело в пользу  <a href="/en-US/docs/Web/API/MutationObserver">Mutation Observer API</a></p>
+</div>
+
+<div class="warning">Будьте очень осторожны с этим событием, легко вызвать бесконечный цикл, если вы решите изменить DOM внутри обработчика событий.</div>
+
+<pre class="brush: js">document.body.addEventListener('DOMSubtreeModified', function () {
+  document.title = 'DOM Изменен в ' + new Date();
+}, false);
+</pre>
diff --git a/files/ru/web/events/error/index.html b/files/ru/web/events/error/index.html
new file mode 100644
index 0000000000..787fb9a4fa
--- /dev/null
+++ b/files/ru/web/events/error/index.html
@@ -0,0 +1,95 @@
+---
+title: error
+slug: Web/Events/error
+tags:
+ - DOM
+ - UI события
+ - Видео
+ - Запись
+ - Медия
+ - Обработка ошибок
+ - Ошибки
+ - Событие
+ - аудио
+ - события
+translation_of: Web/API/Element/error_event
+---
+<p>Событие <code>error</code> возникает, когда произошла какая-либо ошибка. Точные обстоятельства могут быть различными, потому что события с этим именем используются множеством различных API.</p>
+
+<h2 id="Общая_информация">Общая информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("UIEvent")}} если создается элементом пользовательского интерфейса, {{domxref("MediaRecorderErrorEvent")}} если генерируется API записи MediaStream, и {{domxref("Event")}} иначе.</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Вплывающее</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемое</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Элемент</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td>
+ <td>Цель события (наиболее верхлежащий элемент в DOM дереве).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td>
+ <td>Тип события.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Является ли событие вплывающим в стандартных условиях или нет.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Является ли событие отменяемым или нет.</td>
+ </tr>
+ <tr>
+ <td><code>view</code> {{readonlyInline}}</td>
+ <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td>
+ <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (свойство <code>window</code> объекта document)</td>
+ </tr>
+ <tr>
+ <td><code>detail</code> {{readonlyInline}}</td>
+ <td><code>long</code> (<code>float</code>)</td>
+ <td>0.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h3 id="Для_MediaStream_Recording_событий">Для MediaStream Recording событий</h3>
+
+<p>Эти события типа {{domxref("MediaRecorderErrorEvent")}}.</p>
+
+<p>{{page("/en-US/docs/Web/API/MediaRecorderErrorEvent", "Properties")}}</p>
+
+<h2 id="Смотрите_также">Смотрите также</h2>
+
+<dl>
+ <dt>{{domxref("GlobalEventHandlers.onerror")}}</dt>
+ <dd>События отсылаются в {{domxref("Window.onerror")}} и {{domxref("Element.onerror")}}</dd>
+ <dt>{{domxref("HTMLMediaElement.onerror")}}</dt>
+ <dd>События отсылаются в {{domxref("HTMLMediaElement")}}, включая {{HTMLElement("audio")}} и {{HTMLElement("video")}}</dd>
+ <dt>{{domxref("MediaRecorder.onerror")}}</dt>
+ <dd>События отсылаются в {{domxref("MediaRecorder.onerror")}}, типа {{domxref("MediaRecorderErrorEvent")}}</dd>
+</dl>
diff --git a/files/ru/web/events/focusin/index.html b/files/ru/web/events/focusin/index.html
new file mode 100644
index 0000000000..02f27b66fb
--- /dev/null
+++ b/files/ru/web/events/focusin/index.html
@@ -0,0 +1,123 @@
+---
+title: focusin
+slug: Web/Events/focusin
+translation_of: Web/API/Element/focusin_event
+---
+<p>Событие focusin срабатывает, когда элемент получает фокус. Главное отличие от <code><a href="/en-US/docs/Mozilla_event_reference/focus_(event)">focus</a> </code>в том, что последний не всплывает.</p>
+
+<h2 id="Общая_информация">Общая информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Specification</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("FocusEvent")}}</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
+ <dd style="margin: 0 0 0 120px;">Yes</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Cancelable</dt>
+ <dd style="margin: 0 0 0 120px;">No</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Target</dt>
+ <dd style="margin: 0 0 0 120px;">Element</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Default Action</dt>
+ <dd style="margin: 0 0 0 120px;">None.</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>Event target losing focus.</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ <tr>
+ <td><code>relatedTarget</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}} (DOM element)</td>
+ <td>Event target receiving focus.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatNo}}<sup>[1]</sup></td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatNo}}<sup>[1]</sup></td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Событие пока что не поддерживается в Firefox, см. {{Bug("687787")}}. Вместо него можно использовать событие <code>focus</code>, которое <a href="/en-US/docs/Mozilla_event_reference/focus_(event)#Event_delegation">совместимо с</a> делегированием событий.</p>
+
+<h2 id="Related_Events">Related Events</h2>
+
+<ul>
+ <li>{{event("focus")}}</li>
+ <li>{{event("blur")}}</li>
+ <li>{{event("focusin")}}</li>
+ <li>{{event("focusout")}}</li>
+</ul>
diff --git a/files/ru/web/events/focusout/index.html b/files/ru/web/events/focusout/index.html
new file mode 100644
index 0000000000..742f52af03
--- /dev/null
+++ b/files/ru/web/events/focusout/index.html
@@ -0,0 +1,126 @@
+---
+title: focusout
+slug: Web/Events/focusout
+translation_of: Web/API/Element/focusout_event
+---
+<p>Событие <code>focusout</code> вызывается перед потерей элементом фокуса. Главное отличие между этим событием и <a href="/en-US/docs/Mozilla_event_reference/blur_(event)"><code>blur</code></a> в том, что у последнего нет фазы всплытия.</p>
+
+<p> </p>
+
+<p>Основная информация</p>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("FocusEvent")}}</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплытие</dt>
+ <dd style="margin: 0 0 0 120px;">Да</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемый</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Элемент</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет.</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Свойство</th>
+ <th scope="col">Тип</th>
+ <th scope="col">Описание</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>Цель события, теряющая фокус.</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>Тип события.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Всплывает ли событие при нормальных условиях.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Возможно ли отменить событие.</td>
+ </tr>
+ <tr>
+ <td><code>relatedTarget</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}} (DOM-элемент)</td>
+ <td>Цель события, получающая фокус.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatGeckoDesktop(52)}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatGeckoMobile(52)}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Related_Events">Related Events</h2>
+
+<ul>
+ <li>{{event("focus")}}</li>
+ <li>{{event("blur")}}</li>
+ <li>{{event("focusin")}}</li>
+</ul>
diff --git a/files/ru/web/events/index.html b/files/ru/web/events/index.html
new file mode 100644
index 0000000000..554e82a33b
--- /dev/null
+++ b/files/ru/web/events/index.html
@@ -0,0 +1,2964 @@
+---
+title: Справочник по событиям
+slug: Web/Events
+tags:
+ - Mozilla
+ - NeedsTranslation
+ - Reference
+ - TopicStub
+ - Web
+ - События браузера
+ - события
+translation_of: Web/Events
+---
+<p>События DOM присылаются чтобы уведомить код о том, что интересующие его действия произошли. Каждое событие представляет объект, который основан на интерфейсе {{domxref("Event")}} и может иметь дополнительные поля и/или функции, позволяющие получить дополнительную информацию о том, что произошло. События могут описывать всё, что угодного от простых действий пользователя до действий автоматизированной системы рассылки уведомлений, создаваемых моделью формирования экрана.</p>
+
+<p>Эта статья содержит список событий, которые могут быть отправлены; некоторые стандартные события определены в официальной документации, тогда как другие события являются специфичными для конкретных браузеров. Для примера, в списке приведены специфические для браузера Mozilla события, которые позволяют использовать add-ons для взаимодействия с браузером.</p>
+
+<h2 id="Наиболее_распространенные_категории">Наиболее распространенные категории</h2>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_ресурса">События ресурса</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>Не удалось загрузить ресурс.</td>
+ </tr>
+ <tr>
+ <td>{{Event("abort")}}</td>
+ <td>Загрузка ресурса была прервана.</td>
+ </tr>
+ <tr>
+ <td>{{Event("load")}}</td>
+ <td>Ресурс и его зависимые ресурсы завершили загрузку.</td>
+ </tr>
+ <tr>
+ <td>{{Event("beforeunload")}}</td>
+ <td>Окно, документ и его ресурсы будут выгружены.</td>
+ </tr>
+ <tr>
+ <td>{{Event("unload")}}</td>
+ <td>Выгружается документ или зависимый ресурс.</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="Сетевые_события">Сетевые события</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("online")}}</td>
+ <td>Браузер получил доступ к сети.</td>
+ </tr>
+ <tr>
+ <td>{{Event("offline")}}</td>
+ <td>Браузер потерял доступ к сети.</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_фокуса">События фокуса</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("focus")}}</td>
+ <td>Элемент получил фокус (does not bubble).</td>
+ </tr>
+ <tr>
+ <td>{{Event("blur")}}</td>
+ <td>Элемент потерял фокус (does not bubble).</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_вебсокетов">События вебсокетов</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/open_websocket">open</a></code></td>
+ <td>Установлено соединение с WebSocket.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/message_websocket">message</a></code></td>
+ <td>Сообщение принимается через WebSocket.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>Соединение WebSocket было закрыто с предубеждением (например, некоторые данные не могут быть отправлены).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/close_websocket">close</a></code></td>
+ <td>Соединение WebSocket было закрыто.</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_журнала_сессии">События журнала сессии</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("pagehide")}}</td>
+ <td>Выполняется обход записей журнала сессии.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pageshow")}}</td>
+ <td>Выполняется переход к записи журнала сессии.</td>
+ </tr>
+ <tr>
+ <td>{{Event("popstate")}}</td>
+ <td>Выполняется переход к записи журнала сессии (в некоторых случаях).</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_CSS_анимации">События CSS анимации</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("animationstart")}}</td>
+ <td><a href="/en-US/docs/CSS/CSS_animations">CSS анимация</a> началась.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationcancel")}}</td>
+ <td><a href="/en-US/docs/CSS/CSS_animations">CSS анимация</a> прервалась.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationend")}}</td>
+ <td><a href="/en-US/docs/CSS/CSS_animations">CSS анимация</a> завершена.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationiteration")}}</td>
+ <td><a href="/en-US/docs/CSS/CSS_animations">CSS анимация</a> повторяется.</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_CSS_перехода">События CSS перехода</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("transitionstart")}}</td>
+ <td><a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS переход</a> уже фактически начался (запустился после каких-либо задержек).</td>
+ </tr>
+ <tr>
+ <td>{{Event("transitioncancel")}}</td>
+ <td><a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS переход</a> отменен.</td>
+ </tr>
+ <tr>
+ <td>{{Event("transitionend")}}</td>
+ <td><a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS переход</a> завершен.</td>
+ </tr>
+ <tr>
+ <td>{{Event("transitionrun")}}</td>
+ <td><a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS переход</a> начал выполняться (запускается до начала любой задержки)..</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_формы">События формы</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("reset")}}</td>
+ <td>Кнопка сброса нажата</td>
+ </tr>
+ <tr>
+ <td>{{Event("submit")}}</td>
+ <td>Кнопка "Отправить" нажата</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_печати">События печати</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("beforeprint")}}</td>
+ <td>Диалоговое окно печати открыто</td>
+ </tr>
+ <tr>
+ <td>{{Event("afterprint")}}</td>
+ <td>Диалоговое окно печати закрыто</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_Text_Composition"><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>События Text Composition</span></span></span></h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("compositionstart")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Подготавливается композиция отрывка текста (аналогично нажатию клавиш для ввода с клавиатуры, но работает с другими входами, такими как распознавание речи).</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("compositionupdate")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>К отрывку составляемого текста добавляется символ.</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("compositionend")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Составление отрывка текста завершено или отменено.</span></span></span></td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_представления">События представления</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("fullscreenchange")}}</td>
+ <td>Элемент был переведен в полноэкранный режим или обратно в нормальный режим.</td>
+ </tr>
+ <tr>
+ <td>{{Event("fullscreenerror")}}</td>
+ <td>Переход в полноэкранный режим был невозможен по техническим причинам или из-за отказа в разрешении.</td>
+ </tr>
+ <tr>
+ <td>{{Event("resize")}}</td>
+ <td>Размер просмотра документа изменен.</td>
+ </tr>
+ <tr>
+ <td>{{Event("scroll")}}</td>
+ <td>Документ или элемент были прокручены.</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_буфера_обмена">События буфера обмена</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("cut")}}</td>
+ <td>Выделение было вырезано и скопировано в буфер обмена</td>
+ </tr>
+ <tr>
+ <td>{{Event("copy")}}</td>
+ <td>Выделение было скопировано в буфер обмена</td>
+ </tr>
+ <tr>
+ <td>{{Event("paste")}}</td>
+ <td>Элемент из буфера обмена был вставлен</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_клавиатуры">События клавиатуры</h3>
+ </caption>
+ <tbody>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ <tr>
+ <td>{{Event("keydown")}}</td>
+ <td>Нажата любая клавиша</td>
+ </tr>
+ <tr>
+ <td>{{Event("keypress")}}</td>
+ <td>Любая клавиша, кроме Shift, Fn, CapsLock, находится в нажатом положении. (Происходит непрерывно.)</td>
+ </tr>
+ <tr>
+ <td>{{Event("keyup")}}</td>
+ <td>Любая клавиша отпущена</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_мыши">События мыши</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("auxclick")}}</td>
+ <td>Кнопка указывающего устройства (любая неосновная кнопка) была нажата и отпущена на элементе.</td>
+ </tr>
+ <tr>
+ <td>{{Event("click")}}</td>
+ <td>Кнопка указывающего устройства (любая кнопка; soon to be primary button only) была нажата и отпущена на элементе.</td>
+ </tr>
+ <tr>
+ <td>{{Event("contextmenu")}}</td>
+ <td>Правая кнопка мыши щелкнута (перед отображением контекстного меню).</td>
+ </tr>
+ <tr>
+ <td>{{Event("dblclick")}}</td>
+ <td>На элементе дважды щелкается кнопка указывающего устройства.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mousedown")}}</td>
+ <td>На элементе нажимается кнопка указывающего устройства.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseenter")}}</td>
+ <td>Указывающее устройство перемещено на элемент, к которому подключен прослушиватель.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseleave")}}</td>
+ <td>Указывающее устройство перемещается от элемента, к которому подключен прослушиватель.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mousemove")}}</td>
+ <td>Указывающее устройство перемещается по элементу. (Происходит непрерывно при движении мыши.)</td>
+ </tr>
+ <tr>
+ <td>
+ <h5 id="Eventmouseover">{{Event("mouseover")}}</h5>
+ </td>
+ <td>Указывающее устройство перемещается на элемент, к которому подключен прослушиватель, или на один из его дочерних элементов.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseout")}}</td>
+ <td>Указывающее устройство перемещается от элемента, к которому подключен прослушиватель, или от одного из его дочерних элементов.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseup")}}</td>
+ <td>Кнопка указывающего устройства отпускается над элементом.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerlockchange")}}</td>
+ <td>Указатель был заблокирован или отпущен.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerlockerror")}}</td>
+ <td>Указатель был заблокирован по техническим причинам или из-за отказа в разрешении.</td>
+ </tr>
+ <tr>
+ <td>{{Event("select")}}</td>
+ <td>Выбирается какой-то текст.</td>
+ </tr>
+ <tr>
+ <td>{{Event("wheel")}}</td>
+ <td>Колесо указывающего устройства вращается в любом направлении.</td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="События_Drag_Drop">События Drag &amp; Drop</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("drag")}}</td>
+ <td>Элемент или выделение текста перетаскивается. (Срабатывает непрерывно каждые 350 мс)</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragend")}}</td>
+ <td>Операция перетаскивания завершается (отпуская кнопку мыши или нажимая клавишу выхода).</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragenter")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Перетаскиваемый элемент или выделенный текст попадает в допустимую цель перетаскивания.</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("dragstart")}}</td>
+ <td>Пользователь начинает перетаскивать элемент или выделенный текст.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragleave")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Перетаскиваемый элемент или выделенный текст оставляет допустимую цель перетаскивания.</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("dragover")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Выбранный элемент или текст перетаскивается над допустимой целью перетаскивания.</span></span> <span class="ChMk0b JLqJ4b"><span>(Срабатывает непрерывно каждые 350 мс)</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("drop")}}</td>
+ <td>An element is dropped on a valid drop target.</td>
+ </tr>
+ </tbody>
+</table>
+
+<div style="overflow: auto;">
+<table class="standard-table">
+ <caption>
+ <h3 id="Медиа_события">Медиа события</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("audioprocess")}}</td>
+ <td>Входной буфер {{DOMxRef("ScriptProcessorNode")}} готов к обработке.</td>
+ </tr>
+ <tr>
+ <td>{{Event("canplay")}}</td>
+ <td>Браузер может воспроизводить мультимедиа, но оценивает, что было загружено недостаточно данных для воспроизведения мультимедиа до конца без необходимости останавливаться для дальнейшей буферизации содержимого.</td>
+ </tr>
+ <tr>
+ <td>{{Event("canplaythrough")}}</td>
+ <td>Браузер оценивает, что он может воспроизводить мультимедиа до конца, не останавливаясь для буферизации контента.</td>
+ </tr>
+ <tr>
+ <td>{{Event("complete")}}</td>
+ <td>Рендеринг {{DOMxRef("OfflineAudioContext")}} закончен.</td>
+ </tr>
+ <tr>
+ <td>{{Event("durationchange")}}</td>
+ <td>Атрибут <code>duration</code> был обновлен.</td>
+ </tr>
+ <tr>
+ <td>{{Event("emptied")}}</td>
+ <td>Медиа стало пустым; например, это событие отправляется, если медиа уже загружено (или частично заргужено), и метод <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> вызывается, чтобы перезагрузить его.</td>
+ </tr>
+ <tr>
+ <td>{{Event("ended")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Воспроизведение остановлено, поскольку достигнут конец медиа.</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("loadeddata")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Закончилась загрузка первого фрейма медиа</span></span></span>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadedmetadata")}}</td>
+ <td>Метаданные загружены.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pause")}}</td>
+ <td>Воспроизведение было приостановлено.</td>
+ </tr>
+ <tr>
+ <td>{{Event("play")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Воспроизведение началось</span></span></span>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("playing")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Воспроизведение готово к запуску после того, как оно было приостановлено или отложено из-за отсутствия данных</span></span></span>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("ratechange")}}</td>
+ <td>Скорость воспроизведения изменилась.</td>
+ </tr>
+ <tr>
+ <td>{{Event("seeked")}}</td>
+ <td>Операция <em>seek</em> завершена.</td>
+ </tr>
+ <tr>
+ <td>{{Event("seeking")}}</td>
+ <td>Операция <em>seek</em> начата.</td>
+ </tr>
+ <tr>
+ <td>{{Event("stalled")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Пользовательский агент пытается получить мультимедийные данные, но данные неожиданно не поступают.</span></span></span>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("suspend")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Загрузка медиаданных приостановлена.</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("timeupdate")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Время, указанное атрибутом</span></span></span> <code>currentTime</code>, было обновлено.</td>
+ </tr>
+ <tr>
+ <td>{{Event("volumechange")}}</td>
+ <td>Громкость изменилась.</td>
+ </tr>
+ <tr>
+ <td>{{Event("waiting")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Воспроизведение остановлено из-за временной нехватки данных</span></span></span>.</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<table class="standard-table">
+ <caption>
+ <h3 id="Progress_события">Progress события</h3>
+ </caption>
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/API/XMLHttpRequest/abort_event">abort</a></code></td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Выполнение остановлено (не из-за ошибки).</span></span></span></td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>Выполнение не удалось.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/API/XMLHttpRequest/load_event">load</a></code></td>
+ <td>Выполнено успешно.</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadend")}}</td>
+ <td>Выполнение остановлено (после отправки "error", "abort" или "load").</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadstart")}}</td>
+ <td>Выполнение началось.</td>
+ </tr>
+ <tr>
+ <td>{{Event("progress")}}</td>
+ <td>В ходе выполнения.</td>
+ </tr>
+ <tr>
+ <td>{{Event("timeout")}}</td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Выполнение прекращено по истечении установленного времени</span></span></span>.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h3 id="События_хранилища">События хранилища</h3>
+
+<p>{{Event("change")}} (see {{anch("Non-standard events")}})<br>
+ {{Event("storage")}}</p>
+
+<h3 id="События_обновления">События обновления</h3>
+
+<p>{{Event("checking")}}<br>
+ {{Event("downloading")}}<br>
+ {{Event("error")}}<br>
+ {{Event("noupdate")}}<br>
+ {{Event("obsolete")}}<br>
+ {{Event("updateready")}}</p>
+
+<h3 id="События_изменения_значений">События изменения значений</h3>
+
+<p>{{Event("broadcast")}}<br>
+ {{Event("CheckboxStateChange")}}<br>
+ {{Event("hashchange")}}<br>
+ {{Event("input")}}<br>
+ {{Event("RadioStateChange")}}<br>
+ {{Event("readystatechange")}}<br>
+ {{Event("ValueChange")}}</p>
+
+<h3 id="События_без_категорий"><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>События без категорий</span></span></span></h3>
+
+<p>{{Event("invalid")}}<br>
+ <code><a href="/en-US/docs/Web/API/DedicatedWorkerGlobalScope/message_event">message</a></code><br>
+ <code><a href="/en-US/docs/Web/API/EventSource/message_event">message</a></code><br>
+ <code><a href="/en-US/docs/Web/API/EventSource/open_event">open</a></code><br>
+ <code><a href="/en-US/docs/Web/API/Element/show_event">show</a></code></p>
+
+<h2 id="Менее_распространенные_и_нестандартные_события">Менее распространенные и нестандартные события</h2>
+
+<h3 id="Abortable_Fetch_события">Abortable Fetch события</h3>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/API/AbortSignal/abort_event">abort</a></code></td>
+ <td>A DOM request is aborted, i.e. using {{DOMxRef("AbortController.abort()")}}.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h3 id="События_веб_виртуальной_реальности_WebVR">События веб виртуальной реальности (WebVR)</h3>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Происходит когда</th>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplayactivate")}}</td>
+ <td>When a VR display is able to be presented to, for example if an HMD has been moved to bring it out of standby, or woken up by being put on.</td>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplayblur")}}</td>
+ <td>when presentation to a {{DOMxRef("VRDisplay")}} has been paused for some reason by the browser, OS, or VR hardware — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.</td>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplayconnect")}}</td>
+ <td>when a compatible {{DOMxRef("VRDisplay")}} is connected to the computer.</td>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplaydeactivate")}}</td>
+ <td>When a {{DOMxRef("VRDisplay")}} can no longer be presented to, for example if an HMD has gone into standby or sleep mode due to a period of inactivity.</td>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplaydisconnect")}}</td>
+ <td>When a compatible {{DOMxRef("VRDisplay")}} is disconnected from the computer.</td>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplayfocus")}}</td>
+ <td>When presentation to a {{DOMxRef("VRDisplay")}} has resumed after being blurred.</td>
+ </tr>
+ <tr>
+ <td>{{Event("vrdisplaypresentchange")}}</td>
+ <td>The presenting state of a {{DOMxRef("VRDisplay")}} changes — i.e. goes from presenting to not presenting, or vice versa.</td>
+ </tr>
+ </thead>
+</table>
+
+<h3 id="SVG_события">SVG события</h3>
+
+<p>{{Event("SVGAbort")}}<br>
+ {{Event("SVGError")}}<br>
+ {{Event("SVGLoad")}}<br>
+ {{Event("SVGResize")}}<br>
+ {{Event("SVGScroll")}}<br>
+ {{Event("SVGUnload")}}<br>
+ {{Event("SVGZoom")}}</p>
+
+<h3 id="События_базы_данных">События базы данных</h3>
+
+<p><code><a href="/en-US/docs/Web/Reference/Events/abort_indexedDB">abort</a></code><br>
+ <code><a href="/en-US/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code><br>
+ <code><a href="/en-US/docs/Web/Reference/Events/complete_indexedDB">complete</a></code><br>
+ {{Event("error")}}<br>
+ <code><a href="/en-US/docs/Web/Reference/Events/success_indexedDB">success</a></code><br>
+ <code><a href="/en-US/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code><br>
+ <code><a href="/en-US/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></p>
+
+<h3 id="События_скриптов">События скриптов</h3>
+
+<p>{{Event("afterscriptexecute")}}<br>
+ {{Event("beforescriptexecute")}}</p>
+
+<h3 id="События_меню">События меню</h3>
+
+<p>{{Event("DOMMenuItemActive")}}<br>
+ {{Event("DOMMenuItemInactive")}}</p>
+
+<h3 id="События_окон">События окон</h3>
+
+<p><code><a href="/en-US/docs/Mozilla/Tech/XUL/Events/close_event">close</a></code></p>
+
+<h3 id="Popup_события">Popup события</h3>
+
+<p>{{Event("popuphidden")}}<br>
+ {{Event("popuphiding")}}<br>
+ {{Event("popupshowing")}}<br>
+ {{Event("popupshown")}}</p>
+
+<h3 id="События_вкладок">События вкладок</h3>
+
+<p>{{Event("visibilitychange")}}</p>
+
+<ul>
+</ul>
+
+<h3 id="События_батареи">События батареи</h3>
+
+<p>{{Event("chargingchange")}}<br>
+ {{Event("chargingtimechange")}}<br>
+ {{Event("dischargingtimechange")}}<br>
+ {{Event("levelchange")}}</p>
+
+<h3 id="События_вызовов">События вызовов</h3>
+
+<p>{{Event("alerting")}}<br>
+ {{Event("busy")}}<br>
+ {{Event("callschanged")}}<br>
+ {{Event("cfstatechange")}}<br>
+ {{Event("connected")}}<br>
+ {{Event("connecting")}}<br>
+ {{Event("dialing")}}<br>
+ {{Event("disconnected")}}<br>
+ {{Event("disconnecting")}}<br>
+ {{Event("error_(Telephony)","error")}}<br>
+ {{Event("held")}}, {{Event("holding")}}<br>
+ {{Event("incoming")}}<br>
+ {{Event("resuming")}}<br>
+ {{Event("statechange")}}<br>
+ {{Event("voicechange")}}</p>
+
+<h3 id="Сенсорные_события">Сенсорные события</h3>
+
+<p>{{Event("compassneedscalibration")}}<br>
+ {{Event("devicemotion")}}<br>
+ {{Event("deviceorientation")}}<br>
+ {{Event("orientationchange")}}</p>
+
+<h3 id="Smartcard_события">Smartcard события</h3>
+
+<p>{{Event("icccardlockerror")}}<br>
+ {{Event("iccinfochange")}}<br>
+ {{Event("smartcard-insert")}}<br>
+ {{Event("smartcard-remove")}}<br>
+ {{Event("stkcommand")}}<br>
+ {{Event("stksessionend")}}<br>
+ {{Event("cardstatechange")}}</p>
+
+<h3 id="SMS_и_USSD_события">SMS и USSD события</h3>
+
+<p>{{Event("delivered")}}<br>
+ {{Event("received")}}<br>
+ {{Event("sent")}}<br>
+ {{Event("ussdreceived")}}</p>
+
+<h3 id="Frame_события">Frame события</h3>
+
+<p>{{Event("mozbrowserclose")}}<br>
+ {{Event("mozbrowsercontextmenu")}}<br>
+ {{Event("mozbrowsererror")}}<br>
+ {{Event("mozbrowsericonchange")}}<br>
+ {{Event("mozbrowserlocationchange")}}<br>
+ {{Event("mozbrowserloadend")}}<br>
+ {{Event("mozbrowserloadstart")}}<br>
+ {{Event("mozbrowseropenwindow")}}<br>
+ {{Event("mozbrowsersecuritychange")}}<br>
+ {{Event("mozbrowsershowmodalprompt")}}<br>
+ {{Event("mozbrowsertitlechange")}}</p>
+
+<h3 id="События_изменения_DOM"><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>События изменения DOM</span></span></span></h3>
+
+<p><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code><br>
+ {{Event("DOMContentLoaded")}}<br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code><br>
+ <code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code></p>
+
+<h3 id="События_касаний">События касаний</h3>
+
+<p>{{Event("touchcancel")}}<br>
+ {{Event("touchend")}}<br>
+ {{Event("touchmove")}}<br>
+ {{Event("touchstart")}}</p>
+
+<h3 id="События_указателя">События указателя</h3>
+
+<p>{{Event("pointerover")}}<br>
+ {{Event("pointerenter")}}<br>
+ {{Event("pointerdown")}}<br>
+ {{Event("pointermove")}}<br>
+ {{Event("pointerup")}}<br>
+ {{Event("pointercancel")}}<br>
+ {{Event("pointerout")}}<br>
+ {{Event("pointerleave")}}<br>
+ {{Event("gotpointercapture")}}<br>
+ {{Event("lostpointercapture")}}</p>
+
+<h2 id="Стандартные_события">Стандартные события</h2>
+
+<p>Эти события определены в официальных веб-спецификациях и должны быть общими для всех браузеров. Каждое событие перечисляется вместе с интерфейсом, представляющим объект, отправленный получателям события (так что вы можете найти информацию о том, какие данные предоставляются с каждым событием), а также ссылку на спецификацию или спецификации, которые определяют событие.</p>
+
+<div style="overflow: auto;">
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Тип события</th>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Происходит когда...</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("abort")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort" style="white-space: nowrap;">DOM L3</a></td>
+ <td>The loading of a resource has been aborted.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code></td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/progress-events/">Progress</a> and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort">XMLHttpRequest</a></td>
+ <td>Progression has been terminated (not due to an error).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/abort_indexedDB">abort</a></code></td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
+ <td>A transaction has been aborted.</td>
+ </tr>
+ <tr>
+ <td>{{Event("afterprint")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
+ <td>The associated document has started printing or the print preview has been closed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationcancel")}}</td>
+ <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+ <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> has aborted.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationend")}}</td>
+ <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+ <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> has completed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationiteration")}}</td>
+ <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+ <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> is repeated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("animationstart")}}</td>
+ <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+ <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> has started.</td>
+ </tr>
+ <tr>
+ <td>{{Event("appinstalled")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="/en-US/docs/Web/Manifest" style="white-space: nowrap;">Web App Manifest</a></td>
+ <td>A web application is successfully installed as a <a href="/en-US/Apps/Progressive">progressive web app</a>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("audioprocess")}}</td>
+ <td>{{DOMxRef("AudioProcessingEvent")}} {{Deprecated_Inline}}</td>
+ <td>{{SpecName('Web Audio API', '#AudioProcessingEvent', 'audioprocess')}}</td>
+ <td>The input buffer of a {{DOMxRef("ScriptProcessorNode")}} is ready to be processed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("audioend")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The user agent has finished capturing audio for speech recognition.</td>
+ </tr>
+ <tr>
+ <td>{{Event("audiostart")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The user agent has started to capture audio for speech recognition.</td>
+ </tr>
+ <tr>
+ <td>{{Event("beforeprint")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
+ <td>The associated document is about to be printed or previewed for printing.</td>
+ </tr>
+ <tr>
+ <td>{{Event("beforeunload")}}</td>
+ <td>{{DOMxRef("BeforeUnloadEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/html5/browsers.html#unloading-documents">HTML5</a></td>
+ <td>The window, the document and its resources are about to be unloaded.</td>
+ </tr>
+ <tr>
+ <td>{{Event("beginEvent")}}</td>
+ <td>{{DOMxRef("TimeEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element begins.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code></td>
+ <td></td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
+ <td>An open connection to a database is blocking a <code>versionchange</code> transaction on the same database.</td>
+ </tr>
+ <tr>
+ <td>{{Event("blur")}}</td>
+ <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur" style="white-space: nowrap;">DOM L3</a></td>
+ <td>An element has lost focus (does not bubble).</td>
+ </tr>
+ <tr>
+ <td>{{Event("boundary")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The spoken utterance reaches a word or sentence boundary</td>
+ </tr>
+ <tr>
+ <td>{{Event("canplay")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay" style="white-space: nowrap;">HTML5 media</a></td>
+ <td>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.</td>
+ </tr>
+ <tr>
+ <td>{{Event("canplaythrough")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough" style="white-space: nowrap;">HTML5 media</a></td>
+ <td>The user agent can play the media up to its end without having to stop for further buffering of content.</td>
+ </tr>
+ <tr>
+ <td>{{Event("change")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change">HTML5</a></td>
+ <td>The <code>change</code> event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when a change to the element's value is committed by the user.</td>
+ </tr>
+ <tr>
+ <td>{{Event("chargingchange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html" style="white-space: nowrap;">Battery status</a></td>
+ <td>The battery begins or stops charging.</td>
+ </tr>
+ <tr>
+ <td>{{Event("chargingtimechange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html" style="white-space: nowrap;">Battery status</a></td>
+ <td>The <code>chargingTime</code> attribute has been updated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("click")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device button has been pressed and released on an element.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/close_websocket">close</a></code></td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
+ <td>A WebSocket connection has been closed.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/complete_indexedDB">complete</a></code></td>
+ <td></td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#transaction">IndexedDB</a></td>
+ <td>A transaction successfully completed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("complete")}}</td>
+ <td>{{DOMxRef("OfflineAudioCompletionEvent")}} {{Deprecated_Inline}}</td>
+ <td>{{SpecName('Web Audio API', '#OfflineAudioCompletionEvent-section', 'OfflineAudioCompletionEvent')}}</td>
+ <td>The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("compositionend")}}</td>
+ <td>{{DOMxRef("CompositionEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend" style="white-space: nowrap;">DOM L3</a></td>
+ <td>The composition of a passage of text has been completed or canceled.</td>
+ </tr>
+ <tr>
+ <td>{{Event("compositionstart")}}</td>
+ <td>{{DOMxRef("CompositionEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart" style="white-space: nowrap;">DOM L3</a></td>
+ <td>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).</td>
+ </tr>
+ <tr>
+ <td>{{Event("compositionupdate")}}</td>
+ <td>{{DOMxRef("CompositionEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A character is added to a passage of text being composed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("contextmenu")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="https://html.spec.whatwg.org/multipage/forms.html#context-menus">HTML5</a></td>
+ <td>The right button of the mouse is clicked (before the context menu is displayed).</td>
+ </tr>
+ <tr>
+ <td>{{Event("copy")}}</td>
+ <td>{{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/clipboard-apis/#copy-event">Clipboard</a></td>
+ <td>The text selection has been added to the clipboard.</td>
+ </tr>
+ <tr>
+ <td>{{Event("cut")}}</td>
+ <td>{{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/clipboard-apis/#cut-event">Clipboard</a></td>
+ <td>The text selection has been removed from the document and added to the clipboard.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dblclick")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device button is clicked twice on an element.</td>
+ </tr>
+ <tr>
+ <td>{{Event("devicechange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName("Media Capture")}}</td>
+ <td>A media device such as a camera, microphone, or speaker is connected or removed from the system.</td>
+ </tr>
+ <tr>
+ <td>{{Event("devicemotion")}}</td>
+ <td>{{DOMxRef("DeviceMotionEvent")}} {{Experimental_Inline}}</td>
+ <td><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td>
+ <td>Fresh data is available from a motion sensor.</td>
+ </tr>
+ <tr>
+ <td>{{Event("deviceorientation")}}</td>
+ <td>{{DOMxRef("DeviceOrientationEvent")}} {{Experimental_Inline}}</td>
+ <td><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td>
+ <td>Fresh data is available from an orientation sensor.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dischargingtimechange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
+ <td>The <code>dischargingTime</code> attribute has been updated.</td>
+ </tr>
+ <tr>
+ <td><code>DOMActivate</code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A button, link or state changing element is activated (use {{Event("click")}} instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationNameEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged" style="white-space: nowrap;">DOM L3</a> Removed</td>
+ <td>The name of an attribute changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified" style="white-space: nowrap;">DOM L3</a></td>
+ <td>The value of an attribute has been modified (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A text or another <a href="/en-US/docs/DOM/CharacterData">CharacterData</a> has changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td>{{Event("DOMContentLoaded")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></td>
+ <td>The document has finished loading (but not its dependent resources).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationNameEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged" style="white-space: nowrap;">DOM L3</a> Removed</td>
+ <td>The name of an element changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code>DOMFocusIn</code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn" style="white-space: nowrap;">DOM L3</a></td>
+ <td>An element has received focus (use {{Event("focus")}} or {{Event("focusin")}} instead).</td>
+ </tr>
+ <tr>
+ <td><code>DOMFocusOut</code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut" style="white-space: nowrap;">DOM L3</a></td>
+ <td>An element has lost focus (use {{Event("blur")}} or {{Event("focusout")}} instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A node has been added as a child of another node (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A node has been inserted into the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A node has been removed from its parent node (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A node has been removed from the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("MutationEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A change happened in the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
+ </tr>
+ <tr>
+ <td>{{Event("drag")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag">HTML5</a></td>
+ <td>An element or text selection is being dragged (every 350ms).</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragend")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend">HTML5</a></td>
+ <td>A drag operation is being ended (by releasing a mouse button or hitting the escape key).</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragenter")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter">HTML5</a></td>
+ <td>A dragged element or text selection enters a valid drop target.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragleave")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave">HTML5</a></td>
+ <td>A dragged element or text selection leaves a valid drop target.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragover")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover">HTML5</a></td>
+ <td>An element or text selection is being dragged over a valid drop target (every 350ms).</td>
+ </tr>
+ <tr>
+ <td>{{Event("dragstart")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart">HTML5</a></td>
+ <td>The user starts dragging an element or text selection.</td>
+ </tr>
+ <tr>
+ <td>{{Event("drop")}}</td>
+ <td>{{DOMxRef("DragEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop">HTML5</a></td>
+ <td>An element is dropped on a valid drop target.</td>
+ </tr>
+ <tr>
+ <td>{{Event("durationchange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange">HTML5 media</a></td>
+ <td>The <code>duration</code> attribute has been updated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("emptied")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5 media</a></td>
+ <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> method is called to reload it.</td>
+ </tr>
+ <tr>
+ <td>{{Event("end_(SpeechRecognition)","end")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The speech recognition service has disconnected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("end_(SpeechSynthesis)","end")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
+ <td>{{SpecName("Web Speech API")}}</td>
+ <td>The utterance has finished being spoken.</td>
+ </tr>
+ <tr>
+ <td>{{Event("ended")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended">HTML5 media</a></td>
+ <td>Playback has stopped because the end of the media was reached.</td>
+ </tr>
+ <tr>
+ <td>{{Event("ended_(Web_Audio)", "ended")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName("Web Audio API")}}</td>
+ <td>Playback has stopped because the end of the media was reached.</td>
+ </tr>
+ <tr>
+ <td>{{Event("endEvent")}}</td>
+ <td>{{DOMxRef("TimeEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element ends.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A resource failed to load.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> and </span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error">XMLHttpRequest</a></td>
+ <td>Progression has failed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
+ <td>A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).</td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
+ <td>An event source connection has been failed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
+ <td>A request caused an error and failed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error_(SpeechRecognitionError)","error")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>A speech recognition error occurs.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error_(SpeechSynthesisError)","error")}}</td>
+ <td>{{DOMxRef("SpeechSynthesisErrorEvent")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>An error occurs that prevents the utterance from being successfully spoken.</td>
+ </tr>
+ <tr>
+ <td>{{Event("focus")}}</td>
+ <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus" style="white-space: nowrap;">DOM L3</a></td>
+ <td>An element has received focus (does not bubble).</td>
+ </tr>
+ <tr>
+ <td>{{Event("focusin")}}</td>
+ <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn" style="white-space: nowrap;">DOM L3</a></td>
+ <td>An element is about to receive focus (bubbles).</td>
+ </tr>
+ <tr>
+ <td>{{Event("focusout")}}</td>
+ <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout" style="white-space: nowrap;">DOM L3</a></td>
+ <td>An element is about to lose focus (bubbles).</td>
+ </tr>
+ <tr>
+ <td>{{Event("fullscreenchange")}}{{gecko_minversion_inline("9")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
+ <td>An element was turned to fullscreen mode or back to normal mode.</td>
+ </tr>
+ <tr>
+ <td>{{Event("fullscreenerror")}}{{gecko_minversion_inline("9")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
+ <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td>
+ </tr>
+ <tr>
+ <td>{{Event("gamepadconnected")}}</td>
+ <td>{{DOMxRef("GamepadEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></td>
+ <td>A gamepad has been connected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("gamepaddisconnected")}}</td>
+ <td>{{DOMxRef("GamepadEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></td>
+ <td>A gamepad has been disconnected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("gotpointercapture")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-gotpointercapture-event">Pointer Events</a></td>
+ <td>Element receives pointer capture.</td>
+ </tr>
+ <tr>
+ <td>{{Event("hashchange")}}</td>
+ <td>{{DOMxRef("HashChangeEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange">HTML5</a></td>
+ <td>The fragment identifier of the URL has changed (the part of the URL after the #).</td>
+ </tr>
+ <tr>
+ <td>{{Event("lostpointercapture")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-lostpointercapture-event">Pointer Events</a></td>
+ <td>Element lost pointer capture.</td>
+ </tr>
+ <tr>
+ <td>{{Event("input")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/html5/forms.html#common-event-behaviors">HTML5</a></td>
+ <td>The value of an element changes or the content of an element with the attribute <a href="/en-US/docs/DOM/Element.contentEditable">contenteditable</a> is modified.</td>
+ </tr>
+ <tr>
+ <td>{{Event("invalid")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation">HTML5</a></td>
+ <td>A submittable element has been checked and doesn't satisfy its constraints.</td>
+ </tr>
+ <tr>
+ <td>{{Event("keydown")}}</td>
+ <td>{{DOMxRef("KeyboardEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A key is pressed down.</td>
+ </tr>
+ <tr>
+ <td>{{Event("keypress")}} {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("KeyboardEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A key is pressed down and that key normally produces a character value (use input instead).</td>
+ </tr>
+ <tr>
+ <td>{{Event("keyup")}}</td>
+ <td>{{DOMxRef("KeyboardEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A key is released.</td>
+ </tr>
+ <tr>
+ <td>{{Event("languagechange")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{ SpecName('HTML5.1', '#dom-navigator-languages', 'NavigatorLanguage.languages') }}</td>
+ <td>The user's preferred languages have changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("levelchange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
+ <td>The <code>level</code> attribute has been updated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("load")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A resource and its dependent resources have finished loading.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/load_(ProgressEvent)">load</a></code></td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load">XMLHttpRequest</a></td>
+ <td>Progression has been successful.</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadeddata")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata">HTML5 media</a></td>
+ <td>The first frame of the media has finished loading.</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadedmetadata")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata">HTML5 media</a></td>
+ <td>The metadata has been loaded.</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadend")}}</td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend">XMLHttpRequest</a></td>
+ <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td>
+ </tr>
+ <tr>
+ <td>{{Event("loadstart")}}</td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/progress-events/">Progress </a><span>and </span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart">XMLHttpRequest</a></td>
+ <td>Progress has begun.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mark")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The spoken utterance reaches a named SSML "mark" tag.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/message_websocket">message</a></code></td>
+ <td>{{DOMxRef("MessageEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
+ <td>A message is received through a WebSocket.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/message_webworker">message</a></code></td>
+ <td>{{DOMxRef("MessageEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker">Web Workers</a></td>
+ <td>A message is received from a Web Worker.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/message_webmessaging">message</a></code></td>
+ <td>{{DOMxRef("MessageEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/webmessaging/">Web Messaging</a></td>
+ <td>A message is received from a child (i)frame or a parent window.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/message_serversentevents">message</a></code></td>
+ <td>{{DOMxRef("MessageEvent")}}</td>
+ <td><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
+ <td>A message is received through an event source.</td>
+ </tr>
+ <tr>
+ <td>{{Event("messageerror")}}</td>
+ <td>{{DOMxRef("MessageEvent")}}</td>
+ <td>{{DOMxRef("MessagePort")}}, <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a>, <a href="/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast Channel</a>, {{DOMxRef("Window")}}</td>
+ <td>A message error is raised when a message is received by an object.</td>
+ </tr>
+ <tr>
+ <td>{{Event("message_(ServiceWorker)","message")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("ServiceWorkerMessageEvent")}} or {{DOMxRef("ExtendableMessageEvent")}}, depending on context.</td>
+ <td><a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a></td>
+ <td>A message is received from a service worker, or a message is received in a service worker from another context.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mousedown")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device button (usually a mouse) is pressed on an element.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseenter")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device is moved onto the element that has the listener attached.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseleave")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device is moved off the element that has the listener attached.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mousemove")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device is moved over an element.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseout")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseover")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mouseup")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A pointing device button is released over an element.</td>
+ </tr>
+ <tr>
+ <td>{{Event("nomatch")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechRecognitionEvent")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The speech recognition service returns a final result with no significant recognition.</td>
+ </tr>
+ <tr>
+ <td>{{Event("notificationclick")}}</td>
+ <td>{{DOMxRef("NotificationEvent")}} {{Experimental_Inline}}</td>
+ <td>{{SpecName('Web Notifications','#dom-serviceworkerglobalscope-onnotificationclick','onnotificationclick')}}</td>
+ <td>A system notification<span style="line-height: 19.0909080505371px;"> spawned by {{DOMxRef("ServiceWorkerRegistration.showNotification()")}} has been clicked.</span></td>
+ </tr>
+ <tr>
+ <td>{{Event("offline")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline">HTML5 offline</a></td>
+ <td>The browser has lost access to the network.</td>
+ </tr>
+ <tr>
+ <td>{{Event("online")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online">HTML5 offline</a></td>
+ <td>The browser has gained access to the network (but particular websites might be unreachable).</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/open_websocket">open</a></code></td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
+ <td>A WebSocket connection has been established.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/open_serversentevents">open</a></code></td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
+ <td>An event source connection has been established.</td>
+ </tr>
+ <tr>
+ <td>{{Event("orientationchange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/screen-orientation/">Screen Orientation</a></td>
+ <td>The orientation of the device (portrait/landscape) has changed</td>
+ </tr>
+ <tr>
+ <td>{{Event("pagehide")}}</td>
+ <td>{{DOMxRef("PageTransitionEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide">HTML5</a></td>
+ <td>A session history entry is being traversed from.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pageshow")}}</td>
+ <td>{{DOMxRef("PageTransitionEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow">HTML5</a></td>
+ <td>A session history entry is being traversed to.</td>
+ </tr>
+ <tr>
+ <td>{{Event("paste")}}</td>
+ <td>{{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/clipboard-apis/#paste-event">Clipboard</a></td>
+ <td>Data has been transferred from the system clipboard to the document.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pause")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause">HTML5 media</a></td>
+ <td>Playback has been paused.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pause_(SpeechSynthesis)", "pause")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The utterance is paused part way through.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointercancel")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointercancel-event">Pointer Events</a></td>
+ <td>The pointer is unlikely to produce any more events.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerdown")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerdown-event">Pointer Events</a></td>
+ <td>The pointer enters the active buttons state.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerenter")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerenter-event">Pointer Events</a></td>
+ <td>Pointing device is moved inside the hit-testing boundary.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerleave")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerleave-event">Pointer Events</a></td>
+ <td>Pointing device is moved out of the hit-testing boundary.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerlockchange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
+ <td>The pointer was locked or released.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerlockerror")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
+ <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointermove")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointermove-event">Pointer Events</a></td>
+ <td>The pointer changed coordinates.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerout")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerout-event">Pointer Events</a></td>
+ <td>The pointing device moved out of hit-testing boundary or leaves detectable hover range.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerover")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerover-event">Pointer Events</a></td>
+ <td>The pointing device is moved into the hit-testing boundary.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pointerup")}}</td>
+ <td>{{DOMxRef("PointerEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerup-event">Pointer Events</a></td>
+ <td>The pointer leaves the active buttons state.</td>
+ </tr>
+ <tr>
+ <td>{{Event("play")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play">HTML5 media</a></td>
+ <td>Playback has begun.</td>
+ </tr>
+ <tr>
+ <td>{{Event("playing")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing">HTML5 media</a></td>
+ <td>Playback is ready to start after having been paused or delayed due to lack of data.</td>
+ </tr>
+ <tr>
+ <td>{{Event("popstate")}}</td>
+ <td>{{DOMxRef("PopStateEvent")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></td>
+ <td>A session history entry is being navigated to (in certain cases).</td>
+ </tr>
+ <tr>
+ <td>{{Event("progress")}}</td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress">XMLHttpRequest</a></td>
+ <td>In progress.</td>
+ </tr>
+ <tr>
+ <td>{{Event("push")}}</td>
+ <td>{{DOMxRef("PushEvent")}} {{Experimental_Inline}}</td>
+ <td>{{SpecName("Push API")}}</td>
+ <td>A <a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker</a> has received a push message.</td>
+ </tr>
+ <tr>
+ <td>{{Event("pushsubscriptionchange")}}</td>
+ <td>{{DOMxRef("PushEvent")}} {{Experimental_Inline}}</td>
+ <td>{{SpecName("Push API")}}</td>
+ <td>A <a href="/en-US/docs/Web/API/PushSubscription">PushSubscription</a> has expired.</td>
+ </tr>
+ <tr>
+ <td>{{Event("ratechange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange">HTML5 media</a></td>
+ <td>The playback rate has changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("readystatechange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><span>HTML5 <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange">XMLHttpRequest</a></td>
+ <td>The readyState attribute of a document has changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("repeatEvent")}}</td>
+ <td>{{DOMxRef("TimeEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element is repeated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("reset")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form">HTML5</a></td>
+ <td>A form is reset.</td>
+ </tr>
+ <tr>
+ <td>{{Event("resize")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize" style="white-space: nowrap;">DOM L3</a></td>
+ <td>The document view has been resized.</td>
+ </tr>
+ <tr>
+ <td>{{Event("resourcetimingbufferfull")}}</td>
+ <td>{{DOMxRef("Performance")}}</td>
+ <td><a href="https://w3c.github.io/resource-timing/#dom-performance-onresourcetimingbufferfull">Resource Timing</a></td>
+ <td>The browser's resource timing buffer is full.</td>
+ </tr>
+ <tr>
+ <td>{{Event("result")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechRecognitionEvent")}} {{Experimental_Inline}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.</td>
+ </tr>
+ <tr>
+ <td>{{Event("resume")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("SpeechSynthesisEvent")}} {{Experimental_Inline}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>A paused utterance is resumed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("scroll")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll" style="white-space: nowrap;">DOM L3</a></td>
+ <td>The document view or an element has been scrolled.</td>
+ </tr>
+ <tr>
+ <td>{{Event("seeked")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked">HTML5 media</a></td>
+ <td>A <em>seek</em> operation completed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("seeking")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5 media</a></td>
+ <td>A <em>seek</em> operation began.</td>
+ </tr>
+ <tr>
+ <td>{{Event("select")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select" style="white-space: nowrap;">DOM L3</a></td>
+ <td>Some text is being selected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("selectstart")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{ SpecName('Selection API')}}</td>
+ <td>A selection just started.</td>
+ </tr>
+ <tr>
+ <td>{{Event("selectionchange")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{ SpecName('Selection API')}}</td>
+ <td>The selection in the document has been changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("show")}}</td>
+ <td>{{DOMxRef("MouseEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td>
+ <td>A contextmenu event was fired on/bubbled to an element that has a <a href="/en-US/docs/DOM/element.contextmenu">contextmenu</a> attribute</td>
+ </tr>
+ <tr>
+ <td>{{Event("slotchange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{ SpecName('DOM WHATWG')}}</td>
+ <td>The node contents of a {{DOMxRef("HTMLSlotElement")}} ({{htmlelement("slot")}}) have changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("soundend")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>Any sound — recognisable speech or not — has stopped being detected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("soundstart")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>Any sound — recognisable speech or not — has been detected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("speechend")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>Speech recognised by the speech recognition service has stopped being detected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("speechstart")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>Sound that is recognised by the speech recognition service as speech has been detected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("stalled")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled">HTML5 media</a></td>
+ <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td>
+ </tr>
+ <tr>
+ <td>{{Event("start_(SpeechRecognition)","start")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current <code>SpeechRecognition</code>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("start_(SpeechSynthesis)","start")}}</td>
+ <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The utterance has begun to be spoken.</td>
+ </tr>
+ <tr>
+ <td>{{Event("storage")}}</td>
+ <td>{{DOMxRef("StorageEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></td>
+ <td>A storage area (<a href="/en-US/docs/DOM/Storage#localStorage">localStorage</a> or <a href="/en-US/docs/DOM/Storage#sessionStorage">sessionStorage</a>) has changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("submit")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm">HTML5</a></td>
+ <td>A form is submitted.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/success_indexedDB">success</a></code></td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
+ <td>A request successfully completed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("suspend")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend">HTML5 media</a></td>
+ <td>Media data loading has been suspended.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGAbort")}}</td>
+ <td>{{DOMxRef("SVGEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>Page loading has been stopped before the <a href="/en-US/docs/SVG">SVG</a> was loaded.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGError")}}</td>
+ <td>{{DOMxRef("SVGEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>An error has occurred before the <a href="/en-US/docs/SVG">SVG</a> was loaded.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGLoad")}}</td>
+ <td>{{DOMxRef("SVGEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>An <a href="/en-US/docs/SVG">SVG</a> document has been loaded and parsed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGResize")}}</td>
+ <td>{{DOMxRef("SVGEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>An <a href="/en-US/docs/SVG">SVG</a> document is being resized.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGScroll")}}</td>
+ <td>{{DOMxRef("SVGEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>An <a href="/en-US/docs/SVG">SVG</a> document is being scrolled.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGUnload")}}</td>
+ <td>{{DOMxRef("SVGEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>An <a href="/en-US/docs/SVG">SVG</a> document has been removed from a window or frame.</td>
+ </tr>
+ <tr>
+ <td>{{Event("SVGZoom")}}</td>
+ <td>{{DOMxRef("SVGZoomEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
+ <td>An <a href="/en-US/docs/SVG">SVG</a> document is being zoomed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("timeout")}}</td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout">XMLHttpRequest</a></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>{{Event("timeupdate")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate">HTML5 media</a></td>
+ <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("touchcancel")}}</td>
+ <td>{{DOMxRef("TouchEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/touch-events/">Touch Events</a></td>
+ <td>A touch point has been disrupted in an implementation-specific manners (too many touch points for example).</td>
+ </tr>
+ <tr>
+ <td>{{Event("touchend")}}</td>
+ <td>{{DOMxRef("TouchEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/touch-events/#the-touchend-event">Touch Events</a></td>
+ <td>A touch point is removed from the touch surface.</td>
+ </tr>
+ <tr>
+ <td>{{Event("touchmove")}}</td>
+ <td>{{DOMxRef("TouchEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/touch-events/#the-touchmove-event">Touch Events</a></td>
+ <td>A touch point is moved along the touch surface.</td>
+ </tr>
+ <tr>
+ <td>{{Event("touchstart")}}</td>
+ <td>{{DOMxRef("TouchEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a></td>
+ <td>A touch point is placed on the touch surface.</td>
+ </tr>
+ <tr>
+ <td>{{Event("transitionend")}}</td>
+ <td>{{DOMxRef("TransitionEvent")}} {{Experimental_Inline}}</td>
+ <td><a href="http://www.w3.org/TR/css3-transitions/#transition-events">CSS Transitions</a></td>
+ <td>A <a href="/en-US/docs/CSS/CSS_transitions">CSS transition</a> has completed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("unload")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload" style="white-space: nowrap;">DOM L3</a></td>
+ <td>The document or a dependent resource is being unloaded.</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code></td>
+ <td></td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
+ <td>An attempt was made to open a database with a version number higher than its current version. A <code>versionchange</code> transaction has been created.</td>
+ </tr>
+ <tr>
+ <td>{{Event("userproximity")}}</td>
+ <td>{{DOMxRef("UserProximityEvent")}} {{Experimental_Inline}}</td>
+ <td>{{SpecName("Proximity Events")}}</td>
+ <td>Fresh data is available from a proximity sensor (indicates whether the nearby object is <code>near</code> the device or not).</td>
+ </tr>
+ <tr>
+ <td>{{Event("voiceschanged")}} {{Experimental_Inline}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td>{{SpecName('Web Speech API')}}</td>
+ <td>The list of {{DOMxRef("SpeechSynthesisVoice")}} objects that would be returned by the {{DOMxRef("SpeechSynthesis.getVoices()")}} method has changed (when the {{Event("voiceschanged")}} event fires.)</td>
+ </tr>
+ <tr>
+ <td><code><a href="/en-US/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></td>
+ <td></td>
+ <td><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
+ <td>A <code>versionchange</code> transaction completed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("visibilitychange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event">Page visibility</a></td>
+ <td>The content of a tab has become visible or has been hidden.</td>
+ </tr>
+ <tr>
+ <td>{{Event("volumechange")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange">HTML5 media</a></td>
+ <td>The volume has changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("waiting")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting">HTML5 media</a></td>
+ <td>Playback has stopped because of a temporary lack of data.</td>
+ </tr>
+ <tr>
+ <td>{{Event("wheel")}}</td>
+ <td>{{DOMxRef("WheelEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel" style="white-space: nowrap;">DOM L3</a></td>
+ <td>A wheel button of a pointing device is rotated in any direction.</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Нестандартные_события">Нестандартные события</h2>
+
+<div style="overflow: auto;">
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Тип события</th>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Происходит когда...</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("afterscriptexecute")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><em>Mozilla Specific</em></td>
+ <td>A script has been executed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("beforescriptexecute")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><em>Mozilla Specific</em></td>
+ <td>A script is about to be executed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("beforeinstallprompt")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><em>Chrome specific</em></td>
+ <td>A user is prompted to save a web site to a home screen on mobile.</td>
+ </tr>
+ <tr>
+ <td>{{Event("cardstatechange")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The {{DOMxRef("MozMobileConnection.cardState")}} property changes value.</td>
+ </tr>
+ <tr>
+ <td>{{Event("change")}}</td>
+ <td>{{DOMxRef("DeviceStorageChangeEvent")}}</td>
+ <td><em>Firefox OS specific</em></td>
+ <td>This event is triggered each time a file is created, modified or deleted on a given storage area.</td>
+ </tr>
+ <tr>
+ <td>{{Event("connectionInfoUpdate")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The informations about the signal strength and the link speed have been updated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("cfstatechange")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The call forwarding state changes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("datachange")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The {{DOMxRef("MozMobileConnection.data")}} object changes values.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dataerror")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The {{DOMxRef("MozMobileConnection.data")}} object receive an error from the <abbr title="Radio Interface Layer">RIL</abbr>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("DOMMouseScroll")}} {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use {{Event("wheel")}} instead)</td>
+ </tr>
+ <tr>
+ <td><code>dragdrop</code> {{Deprecated_Inline}}</td>
+ <td><code>DragEvent</code></td>
+ <td><em>Mozilla specific</em></td>
+ <td>An element is dropped (use {{Event("drop")}} instead).</td>
+ </tr>
+ <tr>
+ <td><code>dragexit</code> {{Deprecated_Inline}}</td>
+ <td><code>DragEvent</code></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A drag operation is being ended(use {{Event("dragend")}} instead).</td>
+ </tr>
+ <tr>
+ <td><code>draggesture</code> {{Deprecated_Inline}}</td>
+ <td><code>DragEvent</code></td>
+ <td><em>Mozilla specific</em></td>
+ <td>The user starts dragging an element or text selection (use {{Event("dragstart")}} instead).</td>
+ </tr>
+ <tr>
+ <td>{{Event("icccardlockerror")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>the {{DOMxRef("MozMobileConnection.unlockCardLock()")}} or {{DOMxRef("MozMobileConnection.setCardLock()")}} methods fails.</td>
+ </tr>
+ <tr>
+ <td>{{Event("iccinfochange")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The {{DOMxRef("MozMobileConnection.iccInfo")}} object changes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("localized")}}</td>
+ <td></td>
+ <td><em><a href="https://github.com/fabi1cazenave/webL10n">Mozilla Specific</a></em></td>
+ <td>The page has been localized using data-l10n-* attributes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mousewheel")}} {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><a href="http://msdn.microsoft.com/en-us/library/ie/ms536951%28v=vs.85%29.aspx"><em>IE invented</em></a></td>
+ <td>The wheel button of a pointing device is rotated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("MozAudioAvailable")}}</td>
+ <td>{{DOMxRef("Event")}}</td>
+ <td><em>Mozilla specific</em></td>
+ <td>The audio buffer is full and the corresponding raw samples are available.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozBeforeResize"><code>MozBeforeResize</code></a> {{Obsolete_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A window is about to be resized.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowseractivitydone")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when some activity has been completed (complete description TBD.)</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserasyncscroll")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the scroll position within a browser<code> </code>{{HTMLElement("iframe")}} changes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowseraudioplaybackchange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when audio starts or stops playing within the browser {{HTMLElement("iframe")}} content.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsercaretstatechanged")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the text selected inside the browser {{HTMLElement("iframe")}} content changes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserclose")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when window.close() is called within a browser {{HTMLElement("iframe")}}.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsercontextmenu")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a browser {{HTMLElement("iframe")}} try to open a context menu.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserdocumentfirstpaint")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a new paint occurs on any document in the browser {{HTMLElement("iframe")}}.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsererror")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when an error occured while trying to load a content within a browser iframe</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserfindchange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a search operation is performed on the browser {{HTMLElement("iframe")}} content (see <a href="/en-US/docs/Web/API/HTMLIFrameElement#Search_methods">HTMLIFrameElement search methods</a>.)</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserfirstpaint")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the {{HTMLElement("iframe")}} paints content for the first time (this doesn't include the initial paint from <em>about:blank</em>.)</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsericonchange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the favicon of a browser iframe changes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserlocationchange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when an browser iframe's location changes.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserloadend")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the browser iframe has finished loading all its assets.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserloadstart")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the browser iframe starts to load a new page.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsermanifestchange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a the path to the app manifest changes, in the case of a browser {{HTMLElement("iframe")}} with an open web app embedded in it.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsermetachange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a {{htmlelement("meta")}} elelment is added to, removed from or changed in the browser {{HTMLElement("iframe")}}'s content.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowseropensearch")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a link to a search engine is found.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowseropentab")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when a new tab is opened within a browser {{HTMLElement("iframe")}} as a result of the user issuing a command to open a link target in a new tab (for example <kbd>ctrl</kbd>/<kbd>cmd</kbd> + click.)</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowseropenwindow")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when {{DOMxRef("window.open()")}} is called within a browser iframe.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserresize")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the browser {{HTMLElement("iframe")}}'s window size has changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserscroll")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the browser {{HTMLElement("iframe")}} content scrolls.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserscrollareachanged")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the available scrolling area in the browser {{HTMLElement("iframe")}} changes. This can occur on resize and when the page size changes (while loading for example.)</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserscrollviewchange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when asynchronous scrolling (i.e. APCZ) starts or stops.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsersecuritychange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the SSL state changes within a browser iframe.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserselectionstatechanged")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the text selected inside the browser {{HTMLElement("iframe")}} content changes. Note that this is deprecated, and newer implementations use {{Event("mozbrowsercaretstatechanged")}} instead.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsershowmodalprompt")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when {{DOMxRef("window.alert","alert()")}}, {{DOMxRef("window.confirm","confirm()")}} or {{DOMxRef("window.prompt","prompt()")}} are called within a browser iframe</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowsertitlechange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the document.title changes within a browser iframe.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowserusernameandpasswordrequired")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when an HTTP authentification is requested.</td>
+ </tr>
+ <tr>
+ <td>{{Event("mozbrowservisibilitychange")}}</td>
+ <td></td>
+ <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
+ <td>Sent when the visibility state of the current browser iframe {{HTMLElement("iframe")}} changes, for example due to a call to {{DOMxRef("HTMLIFrameElement.setVisible","setVisible()")}}.</td>
+ </tr>
+ <tr>
+ <td>{{Event("MozGamepadButtonDown")}}</td>
+ <td></td>
+ <td><em>To be specified</em></td>
+ <td>A gamepad button is pressed down.</td>
+ </tr>
+ <tr>
+ <td>{{Event("MozGamepadButtonUp")}}</td>
+ <td></td>
+ <td><em>To be specified</em></td>
+ <td>A gamepad button is released.</td>
+ </tr>
+ <tr>
+ <td>{{Event("MozMousePixelScroll")}} {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)</td>
+ </tr>
+ <tr>
+ <td>{{Event("MozOrientation")}} {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>Fresh data is available from an orientation sensor (see deviceorientation).</td>
+ </tr>
+ <tr>
+ <td>{{Event("MozScrolledAreaChanged")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><em>Mozilla specific</em></td>
+ <td>The document view has been scrolled or resized.</td>
+ </tr>
+ <tr>
+ <td>{{Event("moztimechange")}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>The time of the device has been changed.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a> {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A touch point is placed on the touch surface (use touchstart instead).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a> {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A touch point is moved along the touch surface (use touchmove instead).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a> {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A touch point is removed from the touch surface (use touchend instead).</td>
+ </tr>
+ <tr>
+ <td>{{Event("alerting")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>The correspondent is being alerted (his/her phone is ringing).</td>
+ </tr>
+ <tr>
+ <td>{{Event("busy")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>The line of the correspondent is busy.</td>
+ </tr>
+ <tr>
+ <td>{{Event("callschanged")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call has been added or removed from the list of current calls.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/DOM/onconnected">onconnected</a> {{Event("connected")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call has been connected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("connecting")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call is about to connect.</td>
+ </tr>
+ <tr>
+ <td>{{Event("delivered")}}</td>
+ <td>{{DOMxRef("SMSEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>An SMS has been successfully delivered.</td>
+ </tr>
+ <tr>
+ <td>{{Event("dialing")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>The number of a correspondent has been dialed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("disabled")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>Wifi has been disabled on the device.</td>
+ </tr>
+ <tr>
+ <td>{{Event("disconnected")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call has been disconnected.</td>
+ </tr>
+ <tr>
+ <td>{{Event("disconnecting")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call is about to disconnect.</td>
+ </tr>
+ <tr>
+ <td>{{Event("enabled")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>Wifi has been enabled on the device.</td>
+ </tr>
+ <tr>
+ <td>{{Event("error_(Telephony)","error")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>An error occurred.</td>
+ </tr>
+ <tr>
+ <td>{{Event("held")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call has been held.</td>
+ </tr>
+ <tr>
+ <td>{{Event("holding")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call is about to be held.</td>
+ </tr>
+ <tr>
+ <td>{{Event("incoming")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call is being received.</td>
+ </tr>
+ <tr>
+ <td>{{Event("received")}}</td>
+ <td>{{DOMxRef("SMSEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>An SMS has been received.</td>
+ </tr>
+ <tr>
+ <td>{{Event("resuming")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>A call is about to resume.</td>
+ </tr>
+ <tr>
+ <td>{{Event("sent")}}</td>
+ <td>{{DOMxRef("SMSEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>An SMS has been sent.</td>
+ </tr>
+ <tr>
+ <td>{{Event("statechange")}}</td>
+ <td>{{DOMxRef("CallEvent")}}</td>
+ <td><em>To be specified</em></td>
+ <td>The state of a call has changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("statuschange")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The status of the Wifi connection changed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("overflow")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><em>Mozilla specific</em></td>
+ <td>An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
+ </tr>
+ <tr>
+ <td>{{Event("smartcard-insert")}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A <a href="/en-US/docs/JavaScript_crypto">smartcard</a> has been inserted.</td>
+ </tr>
+ <tr>
+ <td>{{Event("smartcard-remove")}}</td>
+ <td></td>
+ <td><em>Mozilla specific</em></td>
+ <td>A <a href="/en-US/docs/JavaScript_crypto">smartcard</a> has been removed.</td>
+ </tr>
+ <tr>
+ <td>{{Event("stkcommand")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The <abbr title="SIM Application Toolkit">STK</abbr> Proactive Command is issued from <abbr title="Integrated Circuit Card">ICC</abbr>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("stksessionend")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The <abbr title="SIM Application Toolkit">STK</abbr> Session is terminated by <abbr title="Integrated Circuit Card">ICC</abbr>.</td>
+ </tr>
+ <tr>
+ <td>{{Event("touchenter")}}</td>
+ <td>{{DOMxRef("TouchEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a> Removed</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>{{Event("touchleave")}}</td>
+ <td>{{DOMxRef("TouchEvent")}}</td>
+ <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a> Removed</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>{{Event("underflow")}}</td>
+ <td>{{DOMxRef("UIEvent")}}</td>
+ <td><em>Mozilla specific</em></td>
+ <td>An element is no longer overflowed by its content (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
+ </tr>
+ <tr>
+ <td><code>uploadprogress</code> {{Deprecated_Inline}}</td>
+ <td>{{DOMxRef("ProgressEvent")}}</td>
+ <td><em>Mozilla Specific</em></td>
+ <td>Upload is in progress (see {{Event("progress")}}).</td>
+ </tr>
+ <tr>
+ <td>
+ <p>{{Event("ussdreceived")}}</p>
+ </td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>A new <abbr title="Unstructured Supplementary Service Data">USSD</abbr> message is received</td>
+ </tr>
+ <tr>
+ <td>{{Event("voicechange")}}</td>
+ <td></td>
+ <td><em>Firefox OS specific</em></td>
+ <td>The {{DOMxRef("MozMobileConnection.voice")}} object changes values.</td>
+ </tr>
+ <tr>
+ <td>{{Event("msContentZoom")}}</td>
+ <td></td>
+ <td><em>Microsoft specific</em></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>{{Event("MSManipulationStateChanged")}}</td>
+ <td></td>
+ <td><em>Microsoft specific</em></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>{{Event("MSPointerHover")}} {{Deprecated_Inline}}</td>
+ <td></td>
+ <td><em>Microsoft specific</em></td>
+ <td></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="События_специфичные_для_Mozilla">События, специфичные для Mozilla</h2>
+
+<div class="blockIndicator note">
+<p><strong>Note:</strong> those events are never exposed to web content and can only be used in chrome content context.</p>
+</div>
+
+<h3 id="XUL_события">XUL события</h3>
+
+<div style="overflow: auto;">
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th>Имя события</th>
+ <th>Тип события</th>
+ <th>Спецификация</th>
+ <th>Происходит когда...</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{Event("broadcast")}}</td>
+ <td></td>
+ <td><a href="/en-US/docs/XUL/Tutorial/Broadcasters_and_Observers#Broadcast_event">XUL</a></td>
+ <td>An <code>observer</code> noticed a change to the attributes of a watched broadcaster.</td>
+ </tr>
+ <tr>
+ <td>{{Event("CheckboxStateChange")}}</td>
+ <td></td>
+ <td>XUL</td>
+ <td>The state of a <code>checkbox</code> has been changed either by a user action or by a script (useful for accessibility).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/close_event">close</a></td>
+ <td></td>
+ <td>XUL</td>
+ <td>The close button of the window has been clicked.</td>
+ </tr>
+ <tr>
+ <td>{{Event("command")}}</td>
+ <td></td>
+ <td>XUL</td>
+ <td>An element has been activated.</td>
+ </tr>
+ <tr>
+ <td>{{Event("commandupdate")}}</td>
+ <td></td>
+ <td>XUL</td>
+ <td>A command update occurred on a <code>commandset</code> element.</td>
+ </tr>
+ <tr>
+ <td>{{Event("DOMMenuItemActive")}}</td>
+ <td></td>
+ <td>XUL</td>
+ <td>A menu or menuitem has been hovered or highlighted.</td>
+ </tr>
+ <tr>
+ <td>{{Event("DOMMenuItemInactive")}}</td>
+ <td></td>
+ <td><em>XUL</em></td>
+ <td>A menu or menuitem is no longer hovered or highlighted.</td>
+ </tr>
+ <tr>
+ <td>{{Event("popuphidden")}}</td>
+ <td><code>PopupEvent</code></td>
+ <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
+ <td>A menupopup, panel or tooltip has been hidden.</td>
+ </tr>
+ <tr>
+ <td>{{Event("popuphiding")}}</td>
+ <td><code>PopupEvent</code></td>
+ <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
+ <td>A menupopup, panel or tooltip is about to be hidden.</td>
+ </tr>
+ <tr>
+ <td>{{Event("popupshowing")}}</td>
+ <td><code>PopupEvent</code></td>
+ <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
+ <td>A menupopup, panel or tooltip is about to become visible.</td>
+ </tr>
+ <tr>
+ <td>{{Event("popupshown")}}</td>
+ <td><code>PopupEvent</code></td>
+ <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
+ <td>A menupopup, panel or tooltip has become visible.</td>
+ </tr>
+ <tr>
+ <td>{{Event("RadioStateChange")}}</td>
+ <td></td>
+ <td>XUL</td>
+ <td>The state of a <code>radio</code> has been changed either by a user action or by a script (useful for accessibility).</td>
+ </tr>
+ <tr>
+ <td>{{Event("ValueChange")}}</td>
+ <td></td>
+ <td>XUL</td>
+ <td>The value of an element has changed (a progress bar for example, useful for accessibility).</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="Дополнительные_специфичные_события"><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Дополнительные специфичные события</span></span></span></h3>
+
+<div style="overflow: auto;">
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Тип события</th>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Происходит когда...</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozSwipeGesture">MozSwipeGesture</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A touch point is swiped across the touch surface</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureStart">MozMagnifyGestureStart</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points start to move away from each other.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points move away from each other (after a MozMagnifyGestureStart).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGesture">MozMagnifyGesture</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGestureStart">MozRotateGestureStart</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points start to rotate around a point.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGestureUpdate">MozRotateGestureUpdate</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points rotate around a point (after a MozRotateGestureStart).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGesture">MozRotateGesture</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozTapGesture">MozTapGesture</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Two touch points are tapped on the touch surface.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozPressTapGesture">MozPressTapGesture</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozEdgeUIGesture">MozEdgeUIGesture</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozAfterPaint">MozAfterPaint</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Content has been repainted.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMPopupBlocked">DOMPopupBlocked</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>popup был блокирован</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMWindowCreated">DOMWindowCreated</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Окно было создано.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMWindowClose">DOMWindowClose</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Окно будет закрыто.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMTitleChanged">DOMTitleChanged</a></td>
+ <td></td>
+ <td><em>Addons specifc</em></td>
+ <td>Зоголовок окна изменен.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMLinkAdded">DOMLinkAdded</a></td>
+ <td></td>
+ <td><em>Addons specifc</em></td>
+ <td>Ссылка была добавлена внутри документа.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMLinkRemoved">DOMLinkRemoved</a></td>
+ <td></td>
+ <td><em>Addons specifc</em></td>
+ <td>Ссылка была удалена внутри документа.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMMetaAdded">DOMMetaAdded</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A <code>meta</code> element has been added to a document.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMMetaRemoved">DOMMetaRemoved</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A <code>meta</code> element has been removed from a document.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A modal dialog is about to open.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMModalDialogClosed">DOMModalDialogClosed</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>A modal dialog has been closed.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMAutoComplete">DOMAutoComplete</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>The content of an element has been auto-completed.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/DOMFrameContentLoaded">DOMFrameContentLoaded</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>The frame has finished loading (but not its dependent resources).</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/AlertActive">AlertActive</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Элемент <code><a href="/en-US/docs/XUL/notification">notification</a></code> показан.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/AlertClose">AlertClose</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Элемент <code><a href="/en-US/docs/XUL/notification">notification</a></code> закрыт.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/fullscreen">fullscreen</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Browser fullscreen mode has been entered or left.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/sizemodechange">sizemodechange</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Window has entered/left fullscreen mode, or has been minimized/unminimized.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/MozEnteredDomFullscreen">MozEnteredDomFullscreen</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td><a href="/en-US/docs/DOM/Using_full-screen_mode">DOM fullscreen</a> mode has been entered.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/SSWindowClosing">SSWindowClosing</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>The session store will stop tracking this window.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/SSTabClosing">SSTabClosing</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>The session store will stop tracking this tab.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/SSTabRestoring">SSTabRestoring</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка будет восстановлена.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/SSTabRestored">SSTabRestored</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была восстановлена.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/SSWindowStateReady">SSWindowStateReady</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Состояние окна было переключено в состояние "готовое".</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/SSWindowStateBusy">SSWindowStateBusy</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Состояние окна было переключено в состояние "занятое".</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabOpen">TabOpen</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была открыта.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabClose">TabClose</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была закрыта.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabSelect">TabSelect</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была выбрана.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabShow">TabShow</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была показана.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabHide">TabHide</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка был скрыта.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabPinned">TabPinned</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была закреплена.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/TabUnpinned">TabUnpinned</a></td>
+ <td></td>
+ <td><em>Addons specific</em></td>
+ <td>Вкладка была откреплена.</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h3 id="События_связанные_с_инструментами_разработчика"><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>События, связанные с инструментами разработчика</span></span></span></h3>
+
+<div style="overflow: auto;">
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Имя события</th>
+ <th scope="col">Тип события</th>
+ <th scope="col">Спецификация</th>
+ <th scope="col">Происходит когда...</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewRefreshed">CssRuleViewRefreshed</a></td>
+ <td></td>
+ <td><em>devtools specific</em></td>
+ <td>Представление "Правила" инспектора стилей было обновлены.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewChanged">CssRuleViewChanged</a></td>
+ <td></td>
+ <td><em>devtools specific</em></td>
+ <td>Представление "Правила" инспектора стилей было изменены.</td>
+ </tr>
+ <tr>
+ <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a></td>
+ <td></td>
+ <td><em>devtools specific</em></td>
+ <td><span class="VIiyi" lang="ru"><span class="ChMk0b JLqJ4b"><span>Ссылка на файл CSS была нажата в представлении «Правила» инспектора стилей.</span></span></span></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Смотри_также">Смотри также</h2>
+
+<ul>
+ <li>{{DOMxRef("Event")}}</li>
+ <li><a href="/en-US/docs/Web/Guide/DOM/Events">Руководство по разработке событий</a></li>
+</ul>
diff --git a/files/ru/web/events/load/index.html b/files/ru/web/events/load/index.html
new file mode 100644
index 0000000000..a8d456806d
--- /dev/null
+++ b/files/ru/web/events/load/index.html
@@ -0,0 +1,88 @@
+---
+title: load
+slug: Web/Events/load
+translation_of: Web/API/Window/load_event
+---
+<p>Событие <code>load</code> происходит когда ресурс и его зависимые ресурсы закончили загружаться.</p>
+
+<h2 id="General_info">General info</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">UIEvent</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплывает</dt>
+ <dd style="margin: 0 0 0 120px;">Да</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемое</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Window</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Default Action</dt>
+ <dd style="margin: 0 0 0 120px;">Нет.</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/EventTarget" title="EventTarget is an interface implemented by objects that can receive events and may have listeners for them."><code>EventTarget</code></a></td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td><a href="/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a></td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ <tr>
+ <td><code>view</code> {{readonlyInline}}</td>
+ <td><a class="new" href="/en-US/docs/Web/API/WindowProxy" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>WindowProxy</code></a></td>
+ <td><a href="/en-US/docs/Web/API/Document/defaultView" title="In browsers, document.defaultView returns the window object associated with a document, or null if none is available."><code>document.defaultView</code></a> (<code>window</code> of the document)</td>
+ </tr>
+ <tr>
+ <td><code>detail</code> {{readonlyInline}}</td>
+ <td><code>long</code> (<code>float</code>)</td>
+ <td>0.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Пример">Пример</h2>
+
+<pre class="brush: html">&lt;script&gt;
+ window.addEventListener("load", function(event) {
+  console.log("All resources finished loading!");
+ });
+&lt;/script&gt;
+</pre>
+
+<p> </p>
+
+<h2 id="Связанные_события">Связанные события</h2>
+
+<ul>
+ <li>{{event("DOMContentLoaded")}}</li>
+ <li>{{event("readystatechange")}}</li>
+ <li>{{event("load")}}</li>
+ <li>{{event("beforeunload")}}</li>
+ <li>{{event("unload")}}</li>
+</ul>
diff --git a/files/ru/web/events/loadstart/index.html b/files/ru/web/events/loadstart/index.html
new file mode 100644
index 0000000000..b725b05b30
--- /dev/null
+++ b/files/ru/web/events/loadstart/index.html
@@ -0,0 +1,89 @@
+---
+title: loadstart
+slug: Web/Events/loadstart
+translation_of: Web/API/XMLHttpRequest/loadstart_event
+---
+<p>Событие <code>loadstart</code> происходит, когда начинается загрузка.</p>
+
+<h2 id="Общая_информация">Общая информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></dd>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">ProgressEvent</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Распространяется</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемое</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Element</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ <tr>
+ <td><code>lengthComputable </code>{{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Specifies whether or not the total size of the transfer is known. Read only.</td>
+ </tr>
+ <tr>
+ <td><code>loaded</code> {{readonlyInline}}</td>
+ <td>unsigned long (long)</td>
+ <td>The number of bytes transferred since the beginning of the operation. This doesn't include headers and other overhead, but only the content itself. Read only.</td>
+ </tr>
+ <tr>
+ <td><code>total</code> {{readonlyInline}}</td>
+ <td>unsigned long (long)</td>
+ <td>The total number of bytes of content that will be transferred during the operation. If the total size is unknown, this value is zero. Read only.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Связанные_свойства">Связанные свойства</h2>
+
+<ul>
+ <li>{{event("loadstart")}}</li>
+ <li>{{event("progress")}}</li>
+ <li>{{event("error")}}</li>
+ <li>{{event("abort")}}</li>
+ <li>{{event("load")}}</li>
+ <li>{{event("loadend")}}</li>
+</ul>
+
+<h2 id="См._также">См. также</h2>
+
+<ul>
+ <li><a href="/ru/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress">Отслеживание состояния загрузки</a></li>
+</ul>
diff --git a/files/ru/web/events/readystatechange/index.html b/files/ru/web/events/readystatechange/index.html
new file mode 100644
index 0000000000..5a268b033f
--- /dev/null
+++ b/files/ru/web/events/readystatechange/index.html
@@ -0,0 +1,90 @@
+---
+title: readystatechange
+slug: Web/Events/readystatechange
+tags:
+ - события
+translation_of: Web/API/Document/readystatechange_event
+---
+<p>{{ApiRef}}</p>
+
+<p>Событие <code>readystatechange</code> срабатывает, когда изменяется атрибут документа <a href="/en-US/docs/DOM/document.readyState"><code>readyState</code></a>.</p>
+
+<h2 id="Основная_информация">Основная информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#current-document-readiness">HTML5</a></dd>
+ <dt style="margin: 0px 0px 0px 120px;"> </dt>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">Event</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплывает</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемое</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Document</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчаанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Свойство</th>
+ <th scope="col">Тип</th>
+ <th scope="col">Описание</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>Цель события (Самая верхняя цель в дереве DOM).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>Тип события.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Всплывает ли событие.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Возможно ли отменить событие.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Примеры">Примеры</h2>
+
+<pre class="brush: js">document.readyState === "complete";
+// true
+
+
+// Альтернатива DOMContentLoaded
+document.onreadystatechange = function () {
+ if (document.readyState === "interactive") {
+ initApplication();
+ }
+}
+</pre>
+
+<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
+
+<p>Данное событие давно поддерживается Internet Explorer и может быть использовано в качестве альтернативы событию <code><a href="/ru/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a></code> (см. примечание [2] в разделе  <a href="/ru/docs/Web/Events/DOMContentLoaded#Поддержка_браузерами">Поддержка браузерами</a>).</p>
+
+<h2 id="Связанные_события">Связанные события</h2>
+
+<ul>
+ <li>{{event("DOMContentLoaded")}}</li>
+ <li>{{event("readystatechange")}}</li>
+ <li>{{event("load")}}</li>
+ <li>{{event("beforeunload")}}</li>
+ <li>{{event("unload")}}</li>
+</ul>
diff --git a/files/ru/web/events/transitionend/index.html b/files/ru/web/events/transitionend/index.html
new file mode 100644
index 0000000000..dfb8542da6
--- /dev/null
+++ b/files/ru/web/events/transitionend/index.html
@@ -0,0 +1,165 @@
+---
+title: transitionend
+slug: Web/Events/transitionend
+tags:
+ - CSS
+translation_of: Web/API/HTMLElement/transitionend_event
+---
+<p><span style="line-height: 1.5;">Событие </span><code style="font-style: normal; line-height: 1.5;">transitionend</code><span style="line-height: 1.5;"> срабатывает, когда</span><span style="line-height: 1.5;"> </span><a href="/en-US/docs/CSS/Using_CSS_transitions" style="line-height: 1.5;">CSS transition</a><span style="line-height: 1.5;"> закончил свое выполнение. В случае, когда анимация удаляется до ее завершения(например, если <a href="/en-US/docs/Web/CSS/transition-property">transition-property [en-US]</a> </span><span style="line-height: 1.5;">удаляется), то событие не срабатывает.</span></p>
+
+<h2 id="Общая_информация">Общая информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("TransitionEvent")}}</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплывает</dt>
+ <dd style="margin: 0 0 0 120px;">Да</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемое</dt>
+ <dd style="margin: 0 0 0 120px;">Да</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Элемент</dt>
+ <dd style="margin: 0 0 0 120px;">{{domxref("document")}}, {{domxref("element")}}</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Property</th>
+ <th scope="col">Type</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>The event target (the topmost target in the DOM tree).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The type of event.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event normally bubbles or not.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Whether the event is cancellable or not.</td>
+ </tr>
+ <tr>
+ <td><code>propertyName</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The name of the CSS property associated with the transition.</td>
+ </tr>
+ <tr>
+ <td><code>elapsedTime</code> {{readonlyInline}}</td>
+ <td>Float</td>
+ <td>The amount of time the transition has been running, in seconds, as of the time the event was generated. This value is not affected by the value of <code>transition-delay</code>.</td>
+ </tr>
+ <tr>
+ <td><code>pseudoElement</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>The name (beginning with two colons) of the CSS pseudo-element on which the transition occured (in which case the target of the event is that pseudo-element's corresponding element), or the empty string if the transition occurred on an element (which means the target of the event is that element).</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Пример">Пример</h2>
+
+<pre class="brush: js">/*
+ * Прослушивать событие <span style="font-size: 1rem;">transitionend на определенном элементе, т.е. </span><span style="font-size: 1rem;">#slidingMenu</span>
+ * Затем, вызвать определенную функцию, т.е. showMessage()
+ */
+function showMessage() {
+    alert('Transition закончил свое выполнение');
+}
+
+var element = document.getElementById("slidingMenu");
+element.addEventListener("transitionend", showMessage, false);
+</pre>
+
+<h2 id="Спецификация">Спецификация</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Specification</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("CSS3 Transitions", "#transition-events", "transitionend")}}</td>
+ <td>{{ Spec2('CSS3 Transitions') }}</td>
+ <td>Initial definition.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari (WebKit)</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>1.0 as <code>webkitTransitionEnd</code></td>
+ <td>{{ CompatGeckoDesktop("2.0") }}</td>
+ <td>10</td>
+ <td>10.5 as <code>oTransitionEnd</code><br>
+ 12 as <code>otransitionend</code><br>
+ 12.10 as <code>transitionend</code></td>
+ <td>3.2 as <code>webkitTransitionEnd</code></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Phone</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>2.1 as <code>webkitTransitionEnd</code></td>
+ <td>{{ CompatGeckoMobile("2.0") }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>10 as <code>oTransitionEnd</code><br>
+ 12 as <code>otransitionend</code><br>
+ 12.10 as <code>transitionend</code></td>
+ <td>3.2 as <code>webkitTransitionEnd</code></td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Также">Также</h2>
+
+<ul>
+ <li>The {{ domxref("TransitionEvent") }} interface and the <a href="/en-US/docs/Mozilla_event_reference/transitionend" title="The 'transitionend' event"><code>transitionend</code></a> event.</li>
+</ul>
diff --git a/files/ru/web/events/unhandledrejection/index.html b/files/ru/web/events/unhandledrejection/index.html
new file mode 100644
index 0000000000..5248e75748
--- /dev/null
+++ b/files/ru/web/events/unhandledrejection/index.html
@@ -0,0 +1,49 @@
+---
+title: unhandledrejection
+slug: Web/Events/unhandledrejection
+translation_of: Web/API/Window/unhandledrejection_event
+---
+<p>Событие <strong><code>unhandledrejection</code></strong> происходит, когда {{jsxref("Promise")}} завершен с ошибкой, но на данную ошибку не установлен обработчик.</p>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <td>Всплытие</td>
+ <td>Нет</td>
+ </tr>
+ <tr>
+ <td>Возможность отмены</td>
+ <td>Нет</td>
+ </tr>
+ <tr>
+ <td>Target objects</td>
+ <td>defaultView</td>
+ </tr>
+ <tr>
+ <td>Интерфейс</td>
+ <td>{{domxref("PromiseRejectionEvent")}}</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Пример">Пример</h2>
+
+<pre class="brush:js;">window.addEventListener("unhandledrejection", function (event) {
+ console.warn("Внимание: Необработанная ошибка Promise. Позор вам! Причина: "
+ + event.reason);
+});
+</pre>
+
+<h2 id="Inheritance">Inheritance</h2>
+
+<p>Событие <code>unhandledrejection</code> реализует {{domxref("PromiseRejectionEvent")}} интерфейс, который наследуется от {{domxref("Event")}}. Вы можете использовать свойства и методы, определенные в данных интерфейсах.</p>
+
+<p>{{InheritanceDiagram('','','', 'PromiseRejectionEvent')}}</p>
+
+<h2 id="Смотрите_также">Смотрите также</h2>
+
+<ul>
+ <li>{{Event("rejectionhandled")}}</li>
+ <li>{{domxref("PromiseRejectionEvent")}}</li>
+ <li>{{domxref("Promise")}}</li>
+</ul>