From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/event/bubbles/index.html | 44 ++++ files/ru/web/api/event/cancelable/index.html | 38 ++++ .../event/comparison_of_event_targets/index.html | 164 ++++++++++++++ files/ru/web/api/event/currenttarget/index.html | 107 +++++++++ files/ru/web/api/event/defaultprevented/index.html | 104 +++++++++ files/ru/web/api/event/event/index.html | 73 ++++++ files/ru/web/api/event/eventphase/index.html | 144 ++++++++++++ files/ru/web/api/event/index.html | 251 +++++++++++++++++++++ files/ru/web/api/event/initevent/index.html | 78 +++++++ files/ru/web/api/event/istrusted/index.html | 109 +++++++++ files/ru/web/api/event/preventdefault/index.html | 145 ++++++++++++ files/ru/web/api/event/srcelement/index.html | 74 ++++++ .../api/event/stopimmediatepropagation/index.html | 31 +++ files/ru/web/api/event/stoppropagation/index.html | 69 ++++++ files/ru/web/api/event/target/index.html | 135 +++++++++++ files/ru/web/api/event/timestamp/index.html | 103 +++++++++ files/ru/web/api/event/type/index.html | 102 +++++++++ 17 files changed, 1771 insertions(+) create mode 100644 files/ru/web/api/event/bubbles/index.html create mode 100644 files/ru/web/api/event/cancelable/index.html create mode 100644 files/ru/web/api/event/comparison_of_event_targets/index.html create mode 100644 files/ru/web/api/event/currenttarget/index.html create mode 100644 files/ru/web/api/event/defaultprevented/index.html create mode 100644 files/ru/web/api/event/event/index.html create mode 100644 files/ru/web/api/event/eventphase/index.html create mode 100644 files/ru/web/api/event/index.html create mode 100644 files/ru/web/api/event/initevent/index.html create mode 100644 files/ru/web/api/event/istrusted/index.html create mode 100644 files/ru/web/api/event/preventdefault/index.html create mode 100644 files/ru/web/api/event/srcelement/index.html create mode 100644 files/ru/web/api/event/stopimmediatepropagation/index.html create mode 100644 files/ru/web/api/event/stoppropagation/index.html create mode 100644 files/ru/web/api/event/target/index.html create mode 100644 files/ru/web/api/event/timestamp/index.html create mode 100644 files/ru/web/api/event/type/index.html (limited to 'files/ru/web/api/event') diff --git a/files/ru/web/api/event/bubbles/index.html b/files/ru/web/api/event/bubbles/index.html new file mode 100644 index 0000000000..c232c3f044 --- /dev/null +++ b/files/ru/web/api/event/bubbles/index.html @@ -0,0 +1,44 @@ +--- +title: Event.bubbles +slug: Web/API/Event/bubbles +translation_of: Web/API/Event/bubbles +--- +

{{ ApiRef("DOM") }}

+ +

Описание

+ +

Указывает, является ли данное событие всплывающим внутри DOM.

+ +
+

Более подробно про всплытие событий: Всплытие и перехват событий

+
+ +

Синтаксис

+ +
event.bubbles
+ +

Возвращает булево значение true, если событие является всплывающим внутри DOM.

+ +

Пример

+ +
var bool = event.bubbles;
+
+ +

bool содержит true или false в зависимости от того, может событие быть всплывающим внутри DOM или нет

+ +

Пример

+ +
function handleInput(e) {
+  // Проверяем всплывает ли событие и ...
+  if (!e.bubbles) {
+    // ... пропускаем событие сюда если нет
+    passItOn(e);
+  }
+
+  // Уже всплыло
+  doOutput(e);
+}
+ +
+

Только некоторые события могут всплывать. У таких событий это свойство возвращает true. Вы можете использовать это свойство, чтобы проверить, может ли событие всплывать.

+
diff --git a/files/ru/web/api/event/cancelable/index.html b/files/ru/web/api/event/cancelable/index.html new file mode 100644 index 0000000000..413d1e5344 --- /dev/null +++ b/files/ru/web/api/event/cancelable/index.html @@ -0,0 +1,38 @@ +--- +title: Event.cancelable +slug: Web/API/Event/cancelable +translation_of: Web/API/Event/cancelable +--- +
{{ ApiRef("DOM") }}
+ +

Описание

+ +

Указывает, является ли событие отменяемым.

+ +

Синтаксис

+ +
bool = event.cancelable
+
+ + + +

Пример

+ +
var bool = event.cancelable;
+
+ +

bool содержит true или false в зависимости от того, можно ли предотвратить действие события по умолчанию или нет.

+ +

Примечание

+ +

Независимо от того, может событие быть отменено или нет, свойство определяется при инициализации события.

+ +

Вызов на событии метода {{domxref("event.preventDefault", "preventDefault()")}} отменяет событие. При этом действие по умолчанию, связанное с событием, не выполняется.

+ +

Спецификации

+ + diff --git a/files/ru/web/api/event/comparison_of_event_targets/index.html b/files/ru/web/api/event/comparison_of_event_targets/index.html new file mode 100644 index 0000000000..0c05e9118f --- /dev/null +++ b/files/ru/web/api/event/comparison_of_event_targets/index.html @@ -0,0 +1,164 @@ +--- +title: Сравнение разных Event Targets +slug: Web/API/Event/Comparison_of_Event_Targets +translation_of: Web/API/Event/Comparison_of_Event_Targets +--- +

{{ ApiRef() }}

+ +

Event targets

+ +

Легко запутаться в том, какую цель (target) следует изучить при написании обработчика событий. В этой статье разъяснено использование свойств target.

+ +

Существуют 5 целей для рассмотрения:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PropertyDefined inPurpose
event.targetDOM Event Interface +

Элемент DOM слева от вызова этого события, например:

+ + 
+element.dispatchEvent(event)
+
+
event.currentTargetDOM Event InterfaceEventTarget, чьи EventListeners в настоящее время обрабатываются. По мере того, как происходит захват и всплытие событий, это значение изменяется.
event.relatedTargetDOM MouseEvent InterfaceОпределяет вторичную цель для события.
event.explicitOriginalTarget{{ Source("/dom/public/idl/events/nsIDOMNSEvent.idl", "nsIDOMNSEvent.idl") }}{{ Non-standard_inline() }} Если по какой-либо причине событие было перенацелено, кроме анонимного пересечения границ, событие будет установлено на цель до перенацеливания. Например, события мыши перенацеливаются на их родительский узел, когда они встречаются над текстовыми узлами ({{Bug ("185889")}}), и в этом случае .target покажет на родителя и .explicitOriginalTarget покажет на текстовый узел.
+ В отличие от .originalTarget — .explicitOriginalTarget никогда не будет содержать анонимный контент.
event.originalTarget{{ Source("/dom/public/idl/events/nsIDOMNSEvent.idl", "nsIDOMNSEvent.idl") }}{{ Non-standard_inline() }} Первоначальная цель события перед любым перенацеливанием. Подробнее см. Анонимный контент#Event_Flow_and_Targeting.
+ +

Использование explicitOriginalTarget и originalTarget

+ +

TODO: Only available in a Mozilla-based browser? TODO: Only suitable for extension-developers?

+ +

Примеры

+ +
<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Comparison of Event Targets</title>
+    <style>
+        table {
+            border-collapse: collapse;
+            height: 150px;
+            width: 100%;
+        }
+        td {
+            border: 1px solid #ccc;
+            font-weight: bold;
+            padding: 5px;
+            min-height: 30px;
+        }
+        .standard {
+            background-color: #99ff99;
+        }
+        .non-standard {
+            background-color: #902D37;
+        }
+    </style>
+</head>
+<body>
+    <table>
+    <thead>
+        <tr>
+            <td class="standard">Изначальная цель, отправляющая событие <small>event.target</small></td>
+            <td class="standard">Цель, кто прослушивает события <small>event.currentTarget</small></td>
+            <td class="standard">Идентифицировать другой элемент (если он есть), участвующий в событии <small>event.relatedTarget</small></td>
+            <td class="non-standard">Если по какой-то причине произошло перенацеливание события <small>event.explicitOriginalTarget</small> содержит цель перед перенацеливанием (никогда не содержит анонимных целей)</td>
+            <td class="non-standard">Если по какой-то причине произошло перенацеливание события <small>event.originalTarget</small> содержит цель перед перенацеливанием (может содержать анонимные цели)</td>
+        </tr>
+    </thead>
+    <tr>
+        <td id="target"></td>
+        <td id="currentTarget"></td>
+        <td id="relatedTarget"></td>
+        <td id="explicitOriginalTarget"></td>
+        <td id="originalTarget"></td>
+    </tr>
+</table>
+<p>Нажав на текст, вы увидите разницу между explicitOriginalTarget, originalTarget и target</p>
+<script>
+    function handleClicks(e) {
+        document.getElementById('target').innerHTML = e.target;
+        document.getElementById('currentTarget').innerHTML = e.currentTarget;
+        document.getElementById('relatedTarget').innerHTML = e.relatedTarget;
+        document.getElementById('explicitOriginalTarget').innerHTML = e.explicitOriginalTarget;
+        document.getElementById('originalTarget').innerHTML = e.originalTarget;
+    }
+
+    function handleMouseover(e) {
+        document.getElementById('target').innerHTML = e.target;
+        document.getElementById('relatedTarget').innerHTML = e.relatedTarget;
+    }
+
+    document.addEventListener('click', handleClicks, false);
+    document.addEventListener('mouseover', handleMouseover, false);
+</script>
+</body>
+</html>
+ +

Использование target и relatedTarget

+ +

Свойство relatedTarget для события mouseover содержит узел, над которым ранее была указана мышь. Для события mouseout он удерживает узел, к которому движется мышь.

+ + + + + + + + + + + + + + + + + + + +
Тип событияevent.targetevent.relatedTarget
mouseoverEventTarget, в который входим указателемEventTarget, из которого выходим указателем
mouseoutEventTarget, из которого выходим указателемEventTarget, в который входим указателем
+ +

TODO: Также требуется описание событий dragenter и dragexit.

+ +

Пример

+ +
<hbox id="outer">
+  <hbox id="inner"
+        onmouseover="dump('mouseover ' + event.relatedTarget.id + ' > ' + event.target.id + '\n');"
+        onmouseout="dump('mouseout  ' + event.target.id + ' > ' + event.relatedTarget.id + '\n');"
+        style="margin: 100px; border: 10px solid black; width: 100px; height: 100px;" />
+</hbox>
+
+ +

 

diff --git a/files/ru/web/api/event/currenttarget/index.html b/files/ru/web/api/event/currenttarget/index.html new file mode 100644 index 0000000000..c16a91e1f0 --- /dev/null +++ b/files/ru/web/api/event/currenttarget/index.html @@ -0,0 +1,107 @@ +--- +title: Event.currentTarget +slug: Web/API/Event/currentTarget +translation_of: Web/API/Event/currentTarget +--- +

{{APIRef("DOM")}}

+ +

Определяет элемент, в котором в данный момент обрабатывается событие, при движении события внутри DOM. Всегда совпадает элементом, на котором обработчик события был назначен, в отличие от свойства event.target, идентифицирующего элемент, на котором событие возникло.

+ +

Пример

+ +

event.currentTarget используется, когда один и тот же обработчик события присваивается нескольким элементам.

+ +
function hide(e){
+  e.currentTarget.style.visibility = "hidden";
+  // Когда данная функция используется в качестве обработчика события: this === e.currentTarget
+}
+
+var ps = document.getElementsByTagName('p');
+
+for(var i = 0; i < ps.length; i++){
+  ps[i].addEventListener('click', hide, false);
+}
+
+// click around and make paragraphs disappear
+
+ +

Спецификации

+ + + + + + + + + + + + + + +
СпецификацияСтатусКомментарии
{{SpecName("DOM2 Events", "#Events-Event-currentTarget", "Event.currentTarget")}}{{Spec2("DOM2 Events")}} + + + + + + +
Изначальное определение. 
+
+ +

Совместимость с браузерами

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
ВозможностьChromeFirefox (Gecko)Internet ExplorerOperaSafari
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}[1]{{CompatVersionUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
ВозможностьAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Базовая поддержка{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] В Internet Explorer с 6 по 8, событийная модель иная. Слушатели событий привяззываются к нестандартному методу element.attachEvent. В данной модели не существует эквивалента event.currentTarget и this - это глобальный объект. Единственный способ имитировать свойство event.currentTarget - обернуть ваш обработчик в функцию, вызывающую обработчик с использованием Function.prototype.call с элементом в качестве первого аргумента. Данным способом this примет ожидаемое значение.

+ +

См.также

+ +

Comparison of Event Targets

diff --git a/files/ru/web/api/event/defaultprevented/index.html b/files/ru/web/api/event/defaultprevented/index.html new file mode 100644 index 0000000000..6edec91a84 --- /dev/null +++ b/files/ru/web/api/event/defaultprevented/index.html @@ -0,0 +1,104 @@ +--- +title: Event.defaultPrevented +slug: Web/API/Event/defaultPrevented +translation_of: Web/API/Event/defaultPrevented +--- +
{{ APIRef("DOM") }}
+ +

Описание

+ +

Возвращает boolean-значение, информирующее о том, был ли вызван {{ domxref("event.preventDefault()") }} в текущем обработчике события.

+ +
Note: Используйте это свойство вместо устаревшего метода getPreventDefault() (смотри {{ bug(691151) }}).
+ +

Синтаксис

+ +
var defaultWasPrevented = event.defaultPrevented;
+ +

Пример

+ +
 if (e.defaultPrevented) {
+   /* по умолчанию не выполнится */
+ }
+
+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКоммент.
{{SpecName('DOM WHATWG', '#dom-event-defaultprevented', 'Event.defaultPrevented()')}}{{ Spec2('DOM WHATWG') }} 
{{SpecName('DOM4', '#dom-event-defaultprevented', 'Event.defaultPrevented')}}{{Spec2('DOM4')}}Initial definition.
+ +

Совместимость с браузерами

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatChrome(18) }}{{CompatVersionUnknown}}{{ CompatGeckoDesktop("6.0") }}{{ CompatIE(9.0) }}{{ CompatOpera(11.0) }}{{ CompatSafari("5.0") }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{CompatVersionUnknown}}{{ CompatGeckoMobile("6.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatSafari(5.0) }}
+
+ + diff --git a/files/ru/web/api/event/event/index.html b/files/ru/web/api/event/event/index.html new file mode 100644 index 0000000000..ac31f2ee21 --- /dev/null +++ b/files/ru/web/api/event/event/index.html @@ -0,0 +1,73 @@ +--- +title: Event() +slug: Web/API/Event/Event +translation_of: Web/API/Event/Event +--- +

{{APIRef("DOM")}}

+ +

Конструктор Event() создает новый объект события {{domxref("Event")}}.

+ +

Синтаксис

+ +
 event = new Event(typeArg, eventInit);
+ +

Параметры

+ +
+
typeArg
+
Строковое ({{domxref("DOMString")}}) значение, представляющее имя события.
+
eventInit {{optional_inline}}
+
+ +
+
Is an EventInit dictionary, having the following fields: + +
    +
  • "bubbles": (Необязательный) логическое значение ({{jsxref("Boolean")}}) указывающее – будет ли событие всплывающим. По умолчанию false.
    • +
  • "cancelable": (Необязательный) логическое значение ({{jsxref("Boolean")}}) указывает, может ли событие быть отменено. По умолчанию false.
    • +
  • "composed": (Необязательный) логическое значение {{jsxref("Boolean")}} указывающее – будет ли событие всплывать наружу за пределы shadow root. По умолчанию false. 
    • +
+
+
+ +

Пример

+ +
//  создать событие "look", событие всплывающее и не может быть отменено
+
+var evt = new Event("look", {"bubbles":true, "cancelable":false});
+document.dispatchEvent(evt);
+
+// событие может быть инициализировано на любом элементе, а не только на документе
+myDiv.dispatchEvent(evt);
+
+ +

Спецификации

+ + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('DOM WHATWG','#interface-event','Event()')}}{{Spec2('DOM WHATWG')}}Initial definition.
+ +

Поддержка браузерами

+ + + +

{{Compat("api.Event.Event")}}

+ +

Смотрите также

+ + diff --git a/files/ru/web/api/event/eventphase/index.html b/files/ru/web/api/event/eventphase/index.html new file mode 100644 index 0000000000..7ae3ee150d --- /dev/null +++ b/files/ru/web/api/event/eventphase/index.html @@ -0,0 +1,144 @@ +--- +title: Event.eventPhase +slug: Web/API/Event/eventPhase +tags: + - API + - DOM + - Gecko + - Gecko DOM Reference + - Property + - Reference +translation_of: Web/API/Event/eventPhase +--- +

{{ ApiRef("DOM") }}

+ +

Общая информация

+ +

Отображает текущую фазу процесса обработки события.

+ +

Синтаксис

+ +
var phase = event.eventPhase;
+
+ +

Возвращает целое число, соответствующее одной из 4 констант:

+ + + +

Смысл констант смотри в section 3.1, Event dispatch and DOM event flow, спецификации DOM Level 3.

+ +

Пример

+ +
<!DOCTYPE html>
+<html>
+<head> <title>Event Propagation</title>
+  <style type="text/css">
+    body { font-family:'Trebuchet MS'; }
+    div { margin: 20px; padding: 4px; border: thin black solid; }
+    #divInfo { margin: 18px; padding: 8px; background-color:white; font-size:80%; }
+  </style>
+</head>
+<body>
+  <h4>Event Propagation Chain</h4>
+  <ul>
+    <li>Click 'd1'</li>
+    <li>Analyse event propagation chain</li>
+    <li>Click next div and repeat the experience</li>
+    <li>Change Capturing mode</li>
+    <li>Repeat the experience</li>
+  </ul>
+  <input type="checkbox" id="chCapture" /> Use Capturing
+  <div id="d1">d1
+    <div id="d2">d2
+      <div id="d3">d3
+        <div id="d4">d4</div>
+      </div>
+    </div>
+  </div>
+  <div id="divInfo"></div>
+  <script>
+    var
+      clear = false,
+      divInfo = null,
+      divs = null,
+      useCapture = false;
+  window.onload = function ()
+  {
+    divInfo = document.getElementById("divInfo");
+    divs = document.getElementsByTagName('div');
+    chCapture = document.getElementById("chCapture");
+    chCapture.onclick = function ()
+    {
+      RemoveListeners();
+      AddListeners();
+    }
+    Clear();
+    AddListeners();
+  }
+  function RemoveListeners()
+  {
+    for (var i = 0; i < divs.length; i++)
+    {
+      var d = divs[i];
+      if (d.id != "divInfo")
+      {
+        d.removeEventListener("click", OnDivClick, true);
+        d.removeEventListener("click", OnDivClick, false);
+      }
+    }
+  }
+  function AddListeners()
+  {
+    for (var i = 0; i < divs.length; i++)
+    {
+      var d = divs[i];
+      if (d.id != "divInfo")
+      {
+        d.addEventListener("click", OnDivClick, false);
+        if (chCapture.checked)
+          d.addEventListener("click", OnDivClick, true);
+        d.onmousemove = function () { clear = true; };
+      }
+    }
+  }
+  function OnDivClick(e)
+  {
+    if (clear)
+    {
+      Clear();
+      clear = false;
+    }
+
+    if (e.eventPhase == 2)
+      e.currentTarget.style.backgroundColor = 'red';
+
+    var level =
+        e.eventPhase == 0 ? "none" :
+        e.eventPhase == 1 ? "capturing" :
+        e.eventPhase == 2 ? "target" :
+        e.eventPhase == 3 ? "bubbling" : "error";
+    divInfo.innerHTML += e.currentTarget.id + "; eventPhase: " + level + "<br/>";
+  }
+  function Clear()
+  {
+    for (var i = 0; i < divs.length; i++)
+    {
+      if (divs[i].id != "divInfo")
+        divs[i].style.backgroundColor = (i & 1) ? "#f6eedb" : "#cceeff";
+    }
+    divInfo.innerHTML = '';
+  }
+  </script>
+</body>
+</html>
+ +

Спецификация

+ +

DOM Level 2 Events: Event.eventPhase

+ +

{{ languages( { "pl": "pl/DOM/event.eventPhase" } ) }}

diff --git a/files/ru/web/api/event/index.html b/files/ru/web/api/event/index.html new file mode 100644 index 0000000000..fbc7c4726f --- /dev/null +++ b/files/ru/web/api/event/index.html @@ -0,0 +1,251 @@ +--- +title: Event +slug: Web/API/Event +tags: + - API + - DOM + - Event + - Interface + - Reference + - Событие +translation_of: Web/API/Event +--- +

{{APIRef("DOM")}}

+ +

Интерфейс Event представляет собой любое событие, которое происходит в DOM; некоторые из них генерируемые пользователем (клик мышью или нажатие клавиши на клавиатуре), а некоторые - генерируемые API (события, обозначающие завершение процесса анимации, приостановка видео и т.д.). Существует много типов событий, некоторые из них используют интерфейсы, базирующиеся на главном интерфейсе Event. Event содержит общие свойства и методы для всех событий.

+ +

Интерфейсы, основанные на Event

+ +

Ниже приведён список интерфейсов, основанных на главном интерфейсе Event, а также указаны ссылки на них в документации MDN API. Заметьте, что имена всех интерфейсов оканчиваются на "Event".

+ +
+ +
+ +

Конструктор

+ +
+
{{domxref("Event.Event", "Event()")}}
+
Создает объект Event и возвращает его вызывающему.
+
+ +

Свойства

+ +
+
{{domxref("Event.bubbles")}} {{readonlyinline}}
+
Логическое значение, указывающее, вспыло ли событие вверх по DOM или нет.
+
{{domxref("Event.cancelBubble")}}
+
Историческое название синонима {{domxref("Event.stopPropagation()")}}. Если установить знаение в true до возврата из обработчика события (Event Handler), то событие не будет распространяться дальше (например, на обрабочики для родительских узлов).
+
{{domxref("Event.cancelable")}} {{readonlyinline}}
+
Логическое значение, показывающее возможность отмены события.
+
{{domxref("Event.composed")}} {{ReadOnlyInline}}
+
Логическое значение, показывающее может или нет событие всплывать через границы между shadow DOM (внутренний DOM конкретного элемента) и обычного DOM документа.
+
{{domxref("Event.currentTarget")}} {{readonlyinline}}
+
Ссылка на текущий зарегистрированный объект, на котором обрабатывается событие. Это объект, которому планируется отправка события; поведение можно изменить с использованием перенаправления (retargeting).
+
{{domxref("Event.deepPath")}} {{non-standard_inline}}
+
{{jsxref("Array", "Массив")}} DOM-{{domxref("Node", "узлов")}}, через которые всплывало событие.
+
{{domxref("Event.defaultPrevented")}} {{readonlyinline}}
+
Показывает, была ли для события вызвана функция {{domxref("event.preventDefault()")}}.
+
{{domxref("Event.eventPhase")}} {{readonlyinline}}
+
Указывает фазу процесса обработки события.
+
{{domxref("Event.explicitOriginalTarget")}} {{non-standard_inline}} {{readonlyinline}}
+
Явный первоначальный целевой объект события (Mozilla-специфичный). Не может содержать анонимного контента.
+
{{domxref("Event.originalTarget")}} {{non-standard_inline}} {{readonlyinline}}
+
Первоначальный целевой объект события до перенаправлений (Mozilla-специфичный). Может быть из анонимного контента.
+
{{domxref("Event.returnValue")}} {{non-standard_inline}}
+
Нестандартная альтернатива (оставшаяся от старых версий Microsoft Internet Explorer) для {{domxref("Event.preventDefault()")}} и {{domxref("Event.defaultPrevented")}}.
+
{{domxref("Event.scoped")}} {{readonlyinline}} {{obsolete_inline}}
+
{{jsxref("Boolean", "Логическое значение")}}, показывающее всплывает ли данное событие через shadow root (внутренний DOM элемента). Это свойство было переименовано в  {{domxref("Event.composed", "composed")}}.
+
{{domxref("Event.srcElement")}} {{non-standard_inline}}
+
Нестандартный синоним (остался от старых версий Microsoft Internet Explorer) для {{domxref("Event.target")}}.
+
{{domxref("Event.target")}} {{readonlyinline}}
+
Ссылка на целевой объект, на котором произошло событие.
+
{{domxref("Event.timeStamp")}} {{readonlyinline}}
+
Время, когда событие было создано (в миллисекундах). По спецификации это время от начала Эпохи (Unix Epoch), но в действительности в разных браузерах определяется по-разному; кроме того, ведётся работа по изменению его на {{domxref("DOMHighResTimeStamp")}} тип.
+
{{domxref("Event.type")}} {{readonlyinline}}
+
Название события (без учета регистра символов).
+
{{domxref("Event.isTrusted")}} {{readonlyinline}}
+
Показывает было или нет событие инициировано браузером (например, по клику мышью) или из скрипта (например, через функцию создания события, такую как event.initEvent)
+
+ +

Методы

+ +

 

+ +
+
{{domxref("Event.createEvent()")}} 
+
+

Создаёт новое событие, которое затем должно быть проинициализировано вызовом его метода initEvent().

+
+
+ +

 

+ +
+
{{domxref("Event.initEvent()")}} {{deprecated_inline}}
+
Инициализация значений созданного с помощью Document.createEvent() события. Если событие уже отправлено, то эта функция ничего не делает.
+
{{domxref("Event.preventBubble()")}} {{non-standard_inline}} {{Obsolete_inline(24)}}
+
Предотвращает всплытие события. Устаревшая, используйте вместо неё {{domxref("event.stopPropagation")}}.
+
{{domxref("Event.preventCapture()")}} {{non-standard_inline}} {{Obsolete_inline(24)}}
+
Устаревшая, используйте вместо неё {{domxref("event.stopPropagation")}}.
+
{{domxref("Event.preventDefault()")}}
+
Отменяет событие (если его возможно отменить).
+
{{domxref("Event.stopImmediatePropagation()")}}
+
Для конкретного события не будет больше вызвано обработчиков. Ни тех, которые привязаны к этому же элементу (на котором работает обработчик, который вызывает этот Event.stopImmediatePropagation()), ни других, которые могли бы вызваться при распространении события позже (например, в фазе перехвата - capture).
+
{{domxref("Event.stopPropagation()")}}
+
Остановка распространения события далее по DOM.
+
{{domxref("Event.getPreventDefault()")}} {{non-standard_inline}}
+
Нестандартная. Возвращает значение {{domxref("Event.defaultPrevented")}}. Используйте вместо неё {{domxref("Event.defaultPrevented")}}.
+
+ +

Спецификации

+ + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('DOM WHATWG', '#interface-event', 'Event')}}{{Spec2('DOM WHATWG')}} 
+ +

Совместимость браузеров

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
ВозможностьChromeFirefox (Gecko)Internet ExplorerOperaSafari
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
cancelBubble определён в  Event{{CompatUnknown}}{{CompatGeckoDesktop(53)}}[1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
ВозможностьAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
cancelBubble определён в Event{{CompatUnknown}}{{CompatGeckoMobile(53)}}[1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] До Firefox 52, это свойство было определено в интерфейсе {{domxref("UIEvent")}}. Для деталей смотрите {{bug(1298970)}}.

+ +

Смотрите так же

+ + diff --git a/files/ru/web/api/event/initevent/index.html b/files/ru/web/api/event/initevent/index.html new file mode 100644 index 0000000000..a3c18c08a3 --- /dev/null +++ b/files/ru/web/api/event/initevent/index.html @@ -0,0 +1,78 @@ +--- +title: Event.initEvent() +slug: Web/API/Event/initEvent +translation_of: Web/API/Event/initEvent +--- +
{{ ApiRef("DOM") }}{{deprecated_header}}
+ +

The Event.initEvent() method is used to initialize the value of an {{ domxref("event") }} created using {{ domxref("Document.createEvent()") }}.

+ +

Events initialized in this way must have been created with the {{ domxref("Document.createEvent()") }} method. This method must be called to set the event before it is dispatched, using {{ domxref("EventTarget.dispatchEvent()") }}. Once dispatched, it doesn't do anything anymore.

+ +
+

Не используйте этот метод, т.к. он устаревший. (deprecated)

+ +

Вместо него используйте такой специальный конструктор событий, как {{domxref("Event.Event", "Event()")}}. Страница Creating and triggering events даст больше информации о возможностях использования.

+
+ +

Синтаксис

+ +
event.initEvent(type, bubbles, cancelable);
+ +
+
type
+
{{domxref("DOMString")}}, определяющая тип события.
+
bubbles
+
Is a {{jsxref("Boolean")}} deciding whether the event should bubble up through the event chain or not. Once set, the read-only property {{ domxref("Event.bubbles") }} will give its value.
+
cancelable
+
Is a {{jsxref("Boolean")}} defining whether the event can be canceled. Once set, the read-only property {{ domxref("Event.cancelable") }} will give its value.
+
+ +

Пример

+ +
// Create the event.
+var event = document.createEvent('Event');
+
+// Create a click event that bubbles up and
+// cannot be canceled 
+event.initEvent('click', true, false);
+
+// Listen for the event.
+elem.addEventListener('click', function (e) {
+  // e.target matches elem
+}, false);
+
+elem.dispatchEvent(event);
+
+ +

Спецификация

+ + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('DOM WHATWG', '#dom-event-initevent','Event.initEvent()')}}{{Spec2("DOM WHATWG")}}Начиная с {{SpecName('DOM2 Events')}} - deprecated, заменено на event constructors.
{{SpecName('DOM2 Events','##Events-Event-initEvent','Event.initEvent()')}}{{Spec2('DOM2 Events')}}Начальное определение.
+ +

Browser compatibility

+ +

{{Compat("api.Event.initEvent")}}

+ +

Смотрите также

+ + diff --git a/files/ru/web/api/event/istrusted/index.html b/files/ru/web/api/event/istrusted/index.html new file mode 100644 index 0000000000..db7ab78c4d --- /dev/null +++ b/files/ru/web/api/event/istrusted/index.html @@ -0,0 +1,109 @@ +--- +title: Event.isTrusted +slug: Web/API/Event/isTrusted +translation_of: Web/API/Event/isTrusted +--- +

{{APIRef("DOM")}}

+ +

isTrusted - свойство объекта {{domxref("Event")}}, доступное только на чтение. Принимает значение true, если событие было инициировано действиями пользователя, и false, если событие было создано или изменено скриптом, либо с помощью dispatchEvent

+ +

Синтакс

+ +
var bool = event.isTrusted;
+
+ +

Пример

+ +
 if (e.isTrusted) {
+     /* The event is trusted. */
+ } else {
+     /* The event is not trusted. */
+ }
+
+ +

Спецификация

+ + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#dom-event-istrusted', 'Event.isTrusted')}}{{ Spec2('DOM WHATWG') }} 
{{SpecName('DOM3 Events', '#trusted-events', 'Trusted events')}}{{Spec2('DOM3 Events')}}Добавлены требования для определения значения свойства.
{{SpecName('DOM4', '#dom-event-istrusted', 'Event.isTrusted')}}{{Spec2('DOM4')}}Первичное описание.
+ +

Совместимость с браузерами

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatChrome(46.0)}} [1]{{CompatVersionUnknown}}{{CompatNo}} [2]{{CompatOpera(33)}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatUnknown}}{{CompatChrome(46.0)}} [1]{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatOperaMobile(33)}}{{CompatNo}}{{CompatChrome(46.0)}} [1]
+
+ +

[1]  В Chrome, начиная с версии 53, события с isTrusted = false не вызывают действия по умолчанию. 

+ +

[2] В Internet Explorer, все события имеют свойство isTrusted  = true, за исключением созданных с помощью метода  createEvent().

diff --git a/files/ru/web/api/event/preventdefault/index.html b/files/ru/web/api/event/preventdefault/index.html new file mode 100644 index 0000000000..de7b9c69c1 --- /dev/null +++ b/files/ru/web/api/event/preventdefault/index.html @@ -0,0 +1,145 @@ +--- +title: Event.preventDefault() +slug: Web/API/Event/preventDefault +tags: + - DOM + - preventDefault + - метод + - события +translation_of: Web/API/Event/preventDefault +--- +
{{ apiRef("DOM") }}
+ +
Метод preventDefault () интерфейса {{domxref ("Event")}} сообщает {{Glossary("User agent")}}, что если событие не обрабатывается явно, его действие по умолчанию не должно выполняться так, как обычно. Событие продолжает распространяться как обычно, до тех пор, пока один из его обработчиков не вызывает методы {{domxref ("Event.stopPropagation", " stopPropagation ()")}} или {{domxref (" Event.stopImmediatePropagation", " stopImmediatePropagation ()")}}, любой из которых сразу же прекращает распространение.
+ +
+ +
Как отмечено ниже, вызов метода preventDefault () для события, не подлежащего отмене, например события, отправленного через {{domxref("EventTarget.dispatchEvent ()")}}, без указания cancelable: true не имеет эффекта.
+ + + +

Синтаксис

+ +
event.preventDefault();
+ +

Пример

+ +

По умолчанию щелчок по флажку переключает его состояние на противоположное. В этом примере показано, как предотвратить такое поведение:

+ +
<!DOCTYPE html>
+<html>
+<head>
+<title>Пример preventDefault</title>
+
+<script>
+function stopDefAction(evt) {
+    evt.preventDefault();
+}
+
+document.getElementById('my-checkbox').addEventListener(
+    'click', stopDefAction, false
+);
+</script>
+</head>
+
+<body>
+
+<p>Пожалуйста, щёлкните по флажку.</p>
+
+<form>
+    <input type="checkbox" id="my-checkbox" />
+    <label for="my-checkbox">Checkbox</label>
+</form>
+
+</body>
+</html>
+ +

Вы можете посмотреть работу preventDefault в действии здесь.

+ +

В следующем примере некорректный ввод останавливается и вводимый символ не добавляется в поле с preventDefault().

+ +
+
<!DOCTYPE html>
+<html>
+<head>
+<title>Пример preventDefault</title>
+
+<script>
+
+ +
function Init () {
+    var myTextbox = document.getElementById('my-textbox');
+    myTextbox.addEventListener( 'keypress', checkName, false );
+}
+
+function checkName(evt) {
+    var charCode = evt.charCode;
+    if (charCode != 0) {
+        if (charCode < 97 || charCode > 122) {
+            evt.preventDefault();
+            alert(
+                "Пожалуйста, используйте только буквы нижнего регистра на латинице"
+                + "\n" + "charCode: " + charCode + "\n"
+            );
+        }
+    }
+}
+
+ +
</script>
+</head>
+<body onload="Init ()">
+    <p>Пожалуйста, введите своё имя, используя только буквы нижнего регистра на латинице.</p>
+    <form>
+        <input type="text" id="my-textbox" />
+    </form>
+</body>
+</html>
+
+ +

Результат выполнения кода:

+ +

{{ EmbedLiveSample('preventDefault_invalid_text', '', '', '') }}

+ +

Примечания

+ +

Вызов preventDefault на любой стадии выполнения  потока событий отменяет событие, а это означает, что любое действие по умолчанию обычно принимается реализацией, как  результат события, которое  не произойдет.

+ +
+

Примечание:  В {{Gecko("6.0")}}, вызов preventDefault() приводит к {{ domxref("event.defaultPrevented") }} к переходу значения в состояние True.

+
+ +

Вы можете использовать event.cancelable чтобы проверить, является ли событие отменяемым. Вызов preventDefault для неотменяемых событий не имеет никакого эффекта.

+ +

preventDefault не останавливает дальнейшее распространение событий на DOM. Для этого следует использовать event.stopPropagation.

+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('DOM WHATWG', '#dom-event-preventdefault', 'Event.preventDefault()')}}{{ Spec2('DOM WHATWG') }}
{{SpecName('DOM4', '#dom-event-preventdefault', 'Event.preventDefault()')}}{{ Spec2('DOM4') }}
{{SpecName('DOM2 Events', '#Events-Event-preventDefault', 'Event.preventDefault()')}}{{ Spec2('DOM2 Events') }} +

первичное определение.

+
diff --git a/files/ru/web/api/event/srcelement/index.html b/files/ru/web/api/event/srcelement/index.html new file mode 100644 index 0000000000..813fcf0c69 --- /dev/null +++ b/files/ru/web/api/event/srcelement/index.html @@ -0,0 +1,74 @@ +--- +title: Event.srcElement +slug: Web/API/Event/srcElement +translation_of: Web/API/Event/srcElement +--- +

{{ApiRef("DOM")}}

+ +

{{ Non-standard_header() }}

+ +

Event.srcElement это проприетарный синоним стандартного свойства {{domxref("Event.target")}}. Специфичен для старых версий Microsoft Internet Explorer.

+ +

Спецификации

+ +

Не является частью каких-либо спецификаций.

+ +

Имеет описание от Microsoft на MSDN.

+ +

Совместимость с браузерами

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Базовая поддержка{{CompatVersionUnknown}}{{CompatNo}} [1]{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Базовая поддержка{{CompatUnknown}}{{CompatNo}} [1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1]: {{bug(453968)}}

+ +

Смотрите также

+ + diff --git a/files/ru/web/api/event/stopimmediatepropagation/index.html b/files/ru/web/api/event/stopimmediatepropagation/index.html new file mode 100644 index 0000000000..177bffde51 --- /dev/null +++ b/files/ru/web/api/event/stopimmediatepropagation/index.html @@ -0,0 +1,31 @@ +--- +title: Event.stopImmediatePropagation() +slug: Web/API/Event/stopImmediatePropagation +tags: + - API + - Gecko DOM Reference + - NeedsBrowserCompatibility + - stopImmediatePropagation + - Событие + - Ссылка + - Уровень 3 + - Экспериментальные функции + - метод +translation_of: Web/API/Event/stopImmediatePropagation +--- +

{{APIRef("DOM")}}

+ +

Останавливает цепочку вызова событий для последующих слушателей DOM элемента.

+ +

Синтаксис

+ +
event.stopImmediatePropagation();
+
+ +

Замечания

+ +

Если несколько слушателей прикреплены к одному и тому же элементу с одинаковым типом события, тогда они будут вызваны в порядке своего добавления. Если один из этих слушателей вызовет event.stopImmediatePropagation() тогда события оставшихся слушателей вызваны не будут.

+ +

Спецификация

+ +

DOM Level 3 Events: stopImmediatePropagation

diff --git a/files/ru/web/api/event/stoppropagation/index.html b/files/ru/web/api/event/stoppropagation/index.html new file mode 100644 index 0000000000..085d9b3907 --- /dev/null +++ b/files/ru/web/api/event/stoppropagation/index.html @@ -0,0 +1,69 @@ +--- +title: Event.stopPropagation() +slug: Web/API/Event/stopPropagation +tags: + - API + - DOM + - Gecko + - stopPropagation + - Событие + - метод +translation_of: Web/API/Event/stopPropagation +--- +
{{APIRef("DOM")}}
+ +

Прекращает дальнейшую передачу текущего события.

+ +

Синтаксис

+ +
event.stopPropagation();
+ +

Пример

+ +

См. Пример 5: Event Propagation  для более детального объяснения данного метода и всего механизма передачи событий в DOM документе.

+ +

Спецификация

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарии
{{SpecName('DOM WHATWG', '#dom-event-stoppropagation', 'Event.stopPropagation()')}}{{ Spec2('DOM WHATWG') }}
{{SpecName('DOM4', '#dom-event-stoppropagation', 'Event.stopPropagation()')}}{{ Spec2('DOM4') }}
{{SpecName('DOM2 Events', '#Events-Event-stopPropagation', 'Event.stopPropagation()')}}{{ Spec2('DOM2 Events') }}Изначальное определение.
+ +

Совместимость с браузерами

+ +
+

{{Compat("api.Event.stopPropagation")}}

+
+ +

Смотрите также

+ + diff --git a/files/ru/web/api/event/target/index.html b/files/ru/web/api/event/target/index.html new file mode 100644 index 0000000000..86b20f406f --- /dev/null +++ b/files/ru/web/api/event/target/index.html @@ -0,0 +1,135 @@ +--- +title: Event.target +slug: Web/API/Event/target +tags: + - Событие +translation_of: Web/API/Event/target +--- +

{{ApiRef("DOM")}}

+ +

Свойство target интерфейса {{domxref ("Event")}} является ссылкой на объект, который был инициатором события. Он отличается от {{domxref ("Event.currentTarget")}}, если обработчик события вызывается во время всплытия (bubbling) или захвата события.

+ +

Синтаксис

+ +
theTarget = event.target
+ +

Значение:

+ +

{{domxref("EventTarget")}}

+ +

Пример

+ +

Свойство event.target может быть использовано для реализации делегирования событий.

+ +
// Создадим список
+var ul = document.createElement('ul');
+document.body.appendChild(ul);
+
+var li1 = document.createElement('li');
+var li2 = document.createElement('li');
+ul.appendChild(li1);
+ul.appendChild(li2);
+
+function hide(e){
+  // e.target ссылается на кликнутый <li> элемент
+  // Он отличается от e.currentTarget который будет ссылаться на родительский <ul> в этом контексте
+  e.target.style.visibility = 'hidden';
+}
+
+// Назначим обработчик к списку
+// Он будет вызван когда кликнут на любой <li>
+ul.addEventListener('click', hide, false);
+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("DOM WHATWG", "#dom-event-target", "Event.target")}}{{Spec2("DOM WHATWG")}}
{{SpecName("DOM4", "#dom-event-target", "Event.target")}}{{Spec2("DOM4")}}
{{SpecName("DOM2 Events", "#Events-Event-target", "Event.target")}}{{Spec2("DOM2 Events")}}Первоначальное определение.
+ +

Поддержка браузеров

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Примечания

+ +

В IE 6-8 модель событий отличается. Обработчики событий назначаются с помощью нестандартного {{domxref('EventTarget.attachEvent')}} метода. При этом в объекте события есть свойство {{domxref('Event.srcElement')}}, вместо target свойства, но по смыслу оно индентично event.target.

+ +
function hide(e) {
+  // Поддержка IE 6-8
+  var target = e.target || e.srcElement;
+  target.style.visibility = 'hidden';
+}
+
+ +

Смотрите также

+ + diff --git a/files/ru/web/api/event/timestamp/index.html b/files/ru/web/api/event/timestamp/index.html new file mode 100644 index 0000000000..6a79557c96 --- /dev/null +++ b/files/ru/web/api/event/timestamp/index.html @@ -0,0 +1,103 @@ +--- +title: Event.timeStamp +slug: Web/API/Event/timeStamp +translation_of: Web/API/Event/timeStamp +--- +
{{APIRef("DOM")}}
+ +

Возвращает время (в миллисекундах), в котором было создано событие.

+ +
+

Примечание: Это свойство работает только в том случае, если система событий поддерживает его для конкретного события.

+
+ +

Синтаксис

+ +
event.timeStamp
+
+ +

Значение

+ +

Значение - это миллисекунды, прошедшие с начала жизненного цикла текущего документа до создания события.

+ +

In newer implementations, the value is a {{domxref("DOMHighResTimeStamp")}}  accurate to 5 microseconds (0.005 ms). In older implementations, the value is a {{domxref("DOMTimeStamp")}}, accurate to a millisecond.

+ +

Example

+ +

HTML content

+ +
<p>
+  Focus this iframe and press any key to get the
+  current timestamp for the keypress event.
+</p>
+<p>timeStamp: <span id="time">-</span></p>
+ +

JavaScript content

+ +
function getTime(event) {
+  var time = document.getElementById("time");
+  time.firstChild.nodeValue = event.timeStamp;
+}
+document.body.addEventListener("keypress", getTime);
+ +

Result

+ +

{{EmbedLiveSample("Example", "100%", 100)}}

+ +

Reduced time precision

+ +

To offer protection against timing attacks and fingerprinting, the precision of event.timeStamp might get rounded depending on browser settings.
+ In Firefox, the privacy.reduceTimerPrecision  preference is enabled by default and defaults to 20us in Firefox 59; in 60 it will be 2ms.

+ +
// reduced time precision (2ms) in Firefox 60
+event.timeStamp;
+// 1519211809934
+// 1519211810362
+// 1519211811670
+// ...
+
+
+// reduced time precision with `privacy.resistFingerprinting` enabled
+event.timeStamp;
+// 1519129853500
+// 1519129858900
+// 1519129864400
+// ...
+
+ +

In Firefox, you can also enabled privacy.resistFingerprinting, the precision will be 100ms or the value of privacy.resistFingerprinting.reduceTimerPrecision.microseconds, whichever is larger.

+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("DOM WHATWG", "#dom-event-timestamp", "Event.timeStamp")}}{{Spec2("DOM WHATWG")}} 
{{SpecName("DOM4", "#dom-event-timestamp", "Event.timeStamp")}}{{Spec2("DOM4")}} 
{{SpecName("DOM2 Events", "#Events-Event-timeStamp", "Event.timeStamp")}}{{Spec2("DOM2 Events")}}Initial definition
+ +

Browser compatibility

+ + + +

{{Compat("api.Event.timeStamp")}}

diff --git a/files/ru/web/api/event/type/index.html b/files/ru/web/api/event/type/index.html new file mode 100644 index 0000000000..e9aabbbe88 --- /dev/null +++ b/files/ru/web/api/event/type/index.html @@ -0,0 +1,102 @@ +--- +title: Event.type +slug: Web/API/Event/type +tags: + - API + - DOM + - Event + - Событие + - Ссылка +translation_of: Web/API/Event/type +--- +

{{APIRef}}

+ +

Event.type - это доступное только для чтения свойство, возвращающее строку, содержащую тип события. Оно устанавливается в момент создания события и это имя обычно используется для ссылки на определенное событие.

+ +

Агрумент event функций {{ domxref("EventTarget.addEventListener()") }} и {{ domxref("EventTarget.removeEventListener()") }} не чувствителен к регистру.

+ +

Для получения списка доступных типов событий смотри event reference

+ +

Синтаксис

+ +
event.type
+
+ +

Примеры

+ +
var string = event.type;
+
+ +
<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+
+    <title>Event.type Example</title>
+
+    <script>
+        var currEvent = null;
+
+        function getEvtType(evt) {
+            console.log("//Start------------getEvtType(evt)------------ ");
+
+            currEvent = evt.type;
+            console.log(currEvent);
+
+            //document.getElementById("Etype").firstChild.nodeValue = currEvent;
+            document.getElementById("Etype").innerHTML = currEvent;
+
+            console.log("//End--------------getEvtType(evt)------------ ");
+        }
+
+        //Keyboard events
+        document.addEventListener("keypress", getEvtType, false); //[second]  
+
+        document.addEventListener("keydown", getEvtType, false); //first
+        document.addEventListener("keyup", getEvtType, false); //third
+
+        //Mouse events
+        document.addEventListener("click", getEvtType, false); // third
+
+        document.addEventListener("mousedown", getEvtType, false); //first
+        document.addEventListener("mouseup", getEvtType, false); //second
+
+    </script>
+</head>
+
+<body>
+
+    <p>Press any key or click the mouse to get the event type.</p>
+    <p>Event type: <span id="Etype" style="color:red">-</span></p>
+
+</body>
+</html>
+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#dom-event-type', 'Event.type')}}{{ Spec2('DOM WHATWG') }} 
{{SpecName('DOM4', '#dom-event-type', 'Event.type')}}{{ Spec2('DOM4') }} 
{{SpecName('DOM2 Events', '#Events-Event-type', 'Event.type')}}{{ Spec2('DOM2 Events') }}Initial definition.
-- cgit v1.2.3-54-g00ecf