aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/api/eventtarget
diff options
context:
space:
mode:
authorAlexey Pyltsyn <lex61rus@gmail.com>2021-10-27 02:31:24 +0300
committerGitHub <noreply@github.com>2021-10-27 02:31:24 +0300
commit980fe00a74a9ad013b945755415ace2e5429c3c2 (patch)
treea1c6bb4b302e69bfa53eab13e44500eba55d1696 /files/ru/web/api/eventtarget
parent374a039b97a11ee7306539d16aaab27fed66b398 (diff)
downloadtranslated-content-980fe00a74a9ad013b945755415ace2e5429c3c2.tar.gz
translated-content-980fe00a74a9ad013b945755415ace2e5429c3c2.tar.bz2
translated-content-980fe00a74a9ad013b945755415ace2e5429c3c2.zip
[RU] Remove notranslate (#2874)
Diffstat (limited to 'files/ru/web/api/eventtarget')
-rw-r--r--files/ru/web/api/eventtarget/addeventlistener/index.html36
1 files changed, 18 insertions, 18 deletions
diff --git a/files/ru/web/api/eventtarget/addeventlistener/index.html b/files/ru/web/api/eventtarget/addeventlistener/index.html
index de792a7f54..d442f0f239 100644
--- a/files/ru/web/api/eventtarget/addeventlistener/index.html
+++ b/files/ru/web/api/eventtarget/addeventlistener/index.html
@@ -18,7 +18,7 @@ translation_of: Web/API/EventTarget/addEventListener
<h2 id="Syntax">Синтаксис</h2>
-<pre class="syntaxbox notranslate"><code><em>target.addEventListener(type, listener</em>[<em>, options</em>]<em>);
+<pre class="syntaxbox"><code><em>target.addEventListener(type, listener</em>[<em>, options</em>]<em>);
target</em>.addEventListener(<em>type</em>, <em>listener</em>[, <em>useCapture</em>]);
<em>target</em>.addEventListener(<em>type</em>, <em>listener</em>[, <em>useCapture</em>,
<em>wantsUntrusted </em>{{Non-standard_inline}}]); // только Gecko/Mozilla </code></pre>
@@ -68,7 +68,7 @@ target</em>.addEventListener(<em>type</em>, <em>listener</em>[, <em>useCapture</
<p>Например, колбэк обработчика событий, который может использоваться для обработки {{event("fullscreenchange")}} и {{event("fullscreenerror")}} может выглядеть так:</p>
-<pre class="brush: js line-numbers language-js notranslate"><code class="language-js"><span class="keyword token">function</span> <span class="function token">eventHandler</span><span class="punctuation token">(</span><span class="parameter token">event</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
+<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">eventHandler</span><span class="punctuation token">(</span><span class="parameter token">event</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
<span class="keyword token">if</span> <span class="punctuation token">(</span>event<span class="punctuation token">.</span>type <span class="operator token">==</span> <span class="string token">'fullscreenchange'</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
<span class="comment token">/* Переключатель полноэкранного режима */</span>
<span class="punctuation token">}</span> <span class="keyword token">else</span> <span class="comment token">/* fullscreenerror */</span> <span class="punctuation token">{</span>
@@ -84,7 +84,7 @@ target</em>.addEventListener(<em>type</em>, <em>listener</em>[, <em>useCapture</
<p>Например, если вы хотите проверить параметр <code>passive</code>:</p>
-<pre class="brush: js notranslate">var passiveSupported = false;
+<pre class="brush: js">var passiveSupported = false;
try {
var options = Object.defineProperty({}, "passive", {
@@ -102,7 +102,7 @@ try {
<p>Если вы хотите добавить обработчик событий, использующий параметры, о которых идёт речь, вы можете сделать это подобным образом:</p>
-<pre class="brush: js notranslate">someElement.addEventListener("mouseup", handleMouseUp, passiveSupported
+<pre class="brush: js">someElement.addEventListener("mouseup", handleMouseUp, passiveSupported
? { passive: true } : false);</pre>
<p>Здесь мы добавляем обработчик события {{event ("mouseup")}} элемента <code>someElement</code>. Для третьего параметра, если <code>passiveSupported</code> имеет значение <code>true</code>, мы указываем объект <code>options</code> с <code>passive: true</code>; в противном случае мы знаем, что нам нужно передать логическое значение, и мы передаём <code>false</code> как значение параметра <code>useCapture</code>.</p>
@@ -119,7 +119,7 @@ try {
<h4 id="HTML_Содержимое">HTML Содержимое</h4>
-<pre class="brush: html notranslate">&lt;table id="outside"&gt;
+<pre class="brush: html">&lt;table id="outside"&gt;
    &lt;tr&gt;&lt;td id="t1"&gt;один&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td id="t2"&gt;два&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
@@ -127,7 +127,7 @@ try {
<h4 id="JavaScript_Содержимое">JavaScript Содержимое</h4>
-<pre class="brush: js notranslate">// Функция изменяет содержимое t2
+<pre class="brush: js">// Функция изменяет содержимое t2
function modifyText() {
var t2 = document.getElementById("t2");
if (t2.firstChild.nodeValue == "три") {
@@ -154,14 +154,14 @@ el.addEventListener("click", modifyText, false);
<h4 id="HTML_Содержимое_2">HTML Содержимое</h4>
-<pre class="brush: html notranslate">&lt;table id="outside"&gt;
+<pre class="brush: html">&lt;table id="outside"&gt;
    &lt;tr&gt;&lt;td id="t1"&gt;один&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td id="t2"&gt;два&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</pre>
<h4 id="JavaScript_Содержимое_2">JavaScript Содержимое</h4>
-<pre class="brush: js notranslate">// Функция, изменяющая содержание t2
+<pre class="brush: js">// Функция, изменяющая содержание t2
function modifyText(new_text) {
  var t2 = document.getElementById("t2");
  t2.firstChild.nodeValue = new_text;
@@ -182,14 +182,14 @@ el.addEventListener("click", function(){modifyText("четыре")}, false);
<h4 id="HTML">HTML</h4>
-<pre class="brush: html notranslate">&lt;table id="outside"&gt;
+<pre class="brush: html">&lt;table id="outside"&gt;
&lt;tr&gt;&lt;td id="t1"&gt;one&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td id="t2"&gt;two&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</pre>
<h4 id="JavaScript">JavaScript</h4>
-<pre class="brush: js notranslate">// Function to change the content of t2
+<pre class="brush: js">// Function to change the content of t2
function modifyText(new_text) {
var t2 = document.getElementById("t2");
t2.firstChild.nodeValue = new_text;
@@ -233,7 +233,7 @@ el.addEventListener("click", () =&gt; { modifyText("four"); }, false);</pre>
<p>В примере выше значение переменной <code>this</code> внутри <code>modifyText()</code> при вызове событием клика равно таблице 't'. Это противоположно поведению, которое возникает, если обработчик добавлен в HTML-разметке:</p>
-<pre class="brush: html notranslate">&lt;table id="t" onclick="modifyText();"&gt;
+<pre class="brush: html">&lt;table id="t" onclick="modifyText();"&gt;
. . .
</pre>
@@ -243,7 +243,7 @@ el.addEventListener("click", () =&gt; { modifyText("four"); }, false);</pre>
<p>Пример с использованием <code>bind</code> и без него:</p>
-<pre class="brush: js notranslate">var Something = function(element) {
+<pre class="brush: js">var Something = function(element) {
this.name = 'Something Good';
this.onclick1 = function(event) {
console.log(this.name); // undefined, так как this является элементом
@@ -258,7 +258,7 @@ el.addEventListener("click", () =&gt; { modifyText("four"); }, false);</pre>
<p>Проблема в примере выше заключается в том, что вы не можете удалить обработчик, вызванный с <code>bind</code>. Другое решение использует специальную функцию <code>handleEvent</code>, чтобы перехватывать любые события:</p>
-<pre class="brush: js notranslate">var Something = function(element) {
+<pre class="brush: js">var Something = function(element) {
this.name = 'Something Good';
this.handleEvent = function(event) {
console.log(this.name); // 'Something Good', так как this является объектом Something
@@ -286,7 +286,7 @@ el.addEventListener("click", () =&gt; { modifyText("four"); }, false);</pre>
<p>В Internet Explorer младше 9 версии, вы можете использовать <code><a href="http://msdn.microsoft.com/en-us/library/ms536343(VS.85).aspx">attachEvent</a></code> вместо стандартного <code>addEventListener</code>. Для поддержки IE, пример выше может быть модифицирован следующим образом:</p>
-<pre class="brush: js notranslate">if (el.addEventListener) {
+<pre class="brush: js">if (el.addEventListener) {
el.addEventListener('click', modifyText, false);
} else if (el.attachEvent) {
el.attachEvent('onclick', modifyText);
@@ -303,7 +303,7 @@ el.addEventListener("click", () =&gt; { modifyText("four"); }, false);</pre>
<p><strong>Note: </strong>useCapture не поддерживается, так как IE 8 не имеет альтернативного метода для этого. Также заметьте, что следующий код только добавляет поддержку IE 8. Также, он работает только при соблюдении стандартов: объявление DOCTYPE страницы обязательно.</p>
</div>
-<pre class="brush: js notranslate">(function() {
+<pre class="brush: js">(function() {
  if (!Event.prototype.preventDefault) {
    Event.prototype.preventDefault=function() {
      this.returnValue=false;
@@ -380,7 +380,7 @@ el.addEventListener("click", () =&gt; { modifyText("four"); }, false);</pre>
<p><code>addEventListener()</code> был добавлен в спецификации DOM 2 <a href="http://www.w3.org/TR/DOM-Level-2-Events">Events</a>. До этого обработчики добавлялись следующим образом:</p>
-<pre class="brush: js notranslate">// Передача ссылки на функцию — не добавляйте '()' после него, это вызовет функцию!
+<pre class="brush: js">// Передача ссылки на функцию — не добавляйте '()' после него, это вызовет функцию!
el.onclick = modifyText;
// Использование функционального выражения
@@ -395,7 +395,7 @@ element.onclick = function() {
<h3 id="Memory_issues">Вопросы памяти</h3>
-<pre class="brush: js notranslate">var i;
+<pre class="brush: js">var i;
var els = document.getElementsByTagName('*');
// Случай 1
@@ -420,7 +420,7 @@ for(i=0 ; i&lt;els.length ; i++){
<p>Значение по умолчанию для параметра <code>passive</code> - <code>false</code>. Начиная с Chrome 56 (desktop, Chrome for Android, Android webview) значение по умолчанию для {{event("touchstart")}} и {{event("touchmove")}} равно <code>true</code>, а вызовы <code>preventDefault()</code> не разрешены. Чтобы отменить это поведение, необходимо установить параметр <code>passive</code> в <code>false</code> (см. пример ниже). Это изменение не позволяет обработчику блокировать показ страницы во время прокрутки пользователя. Демонстрация доступна на <a href="https://developers.google.com/web/updates/2016/06/passive-event-listeners">сайте разработчиков Google</a>. Обратите внимание, что Edge вообще не поддерживает <code>options</code>, и добавление его без <a href="https://developer.mozilla.org/ru/docs/Web/API/EventTarget/addEventListener$edit#Safely_detecting_option_support">проверки поддержки</a> помешает использовать аргумент <code>useCapture</code>.</p>
-<pre class="brush: js notranslate">/* Feature detection */
+<pre class="brush: js">/* Feature detection */
var passiveSupported = false;
try {
window.addEventListener(