diff options
author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-10-27 02:31:24 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-27 02:31:24 +0300 |
commit | 980fe00a74a9ad013b945755415ace2e5429c3c2 (patch) | |
tree | a1c6bb4b302e69bfa53eab13e44500eba55d1696 /files/ru/web/api/eventtarget | |
parent | 374a039b97a11ee7306539d16aaab27fed66b398 (diff) | |
download | translated-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.html | 36 |
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"><table id="outside"> +<pre class="brush: html"><table id="outside"> <tr><td id="t1">один</td></tr> <tr><td id="t2">два</td></tr> </table> @@ -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"><table id="outside"> +<pre class="brush: html"><table id="outside"> <tr><td id="t1">один</td></tr> <tr><td id="t2">два</td></tr> </table></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"><table id="outside"> +<pre class="brush: html"><table id="outside"> <tr><td id="t1">one</td></tr> <tr><td id="t2">two</td></tr> </table></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", () => { modifyText("four"); }, false);</pre> <p>В примере выше значение переменной <code>this</code> внутри <code>modifyText()</code> при вызове событием клика равно таблице 't'. Это противоположно поведению, которое возникает, если обработчик добавлен в HTML-разметке:</p> -<pre class="brush: html notranslate"><table id="t" onclick="modifyText();"> +<pre class="brush: html"><table id="t" onclick="modifyText();"> . . . </pre> @@ -243,7 +243,7 @@ el.addEventListener("click", () => { 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", () => { 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", () => { 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", () => { 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", () => { 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<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( |