aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/api/document/activeelement/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:51:05 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:51:05 +0100
commitc058fa0fb22dc40ef0225b21a97578cddd0aaffa (patch)
treedf20f8b4c724b61cb9c34cdb450a7ac77d690bd0 /files/ru/web/api/document/activeelement/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.tar.gz
translated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.tar.bz2
translated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.zip
unslug ru: move
Diffstat (limited to 'files/ru/web/api/document/activeelement/index.html')
-rw-r--r--files/ru/web/api/document/activeelement/index.html165
1 files changed, 0 insertions, 165 deletions
diff --git a/files/ru/web/api/document/activeelement/index.html b/files/ru/web/api/document/activeelement/index.html
deleted file mode 100644
index 71db5bc678..0000000000
--- a/files/ru/web/api/document/activeelement/index.html
+++ /dev/null
@@ -1,165 +0,0 @@
----
-title: Document.activeElement
-slug: Web/API/Document/activeElement
-tags:
- - API
- - Document
- - HTML DOM
- - Property
- - Reference
-translation_of: Web/API/DocumentOrShadowRoot/activeElement
-translation_of_original: Web/API/Document/activeElement
----
-<p>{{ ApiRef() }}</p>
-
-<h2 id="Summary" name="Summary">Анотация</h2>
-
-<p>Возвращает текущий сфокусированный элемент, то есть элемент, на котором будут вызываться события клавиатуры, если пользователь начнёт с неё ввод. Этот атрибут доступен только для чтения.</p>
-
-<p>Часто возвращается {{ HTMLElement("input") }} или {{ HTMLElement("textarea") }} объект, если он содержит в себе выделенный в данный момент текст. При этом вы можете получить более подробные сведения, используя свойства элемента  <code>selectionStart</code> и <code>selectionEnd</code>.  В других случаях сфокусированным элементом может быть {{ HTMLElement("select") }} элемент (меню) или {{ HTMLElement("input") }} элемент типа button, checkbox или radio.</p>
-
-<p>{{ Note("На Mac, элементы, не являющиеся текстовыми полями, как правило, не получают фокус.") }}</p>
-
-<p>Как правило, пользователь может нажать клавишу табуляции для перемещения по фокусируемым элементам страницы, и использовать пробел для их активации (нажать кнопку button, выбрать переключатель radio).</p>
-
-<p>Не следует путать фокус с выделением документа, состоящего в основном из статических текстовых узлов. См. {{ domxref("window.getSelection()") }}. </p>
-
-<p>Когда выделение отсутствует, активным элементом является {{ HTMLElement("body") }} страницы или null. </p>
-
-<p>{{ Note("Этот атрибут является частью разрабатываемой спецификации HTML 5.") }}</p>
-
-<h2 id="Syntax" name="Syntax">Синтаксис</h2>
-
-<pre class="eval">var curElement = document.activeElement;
-</pre>
-
-<h2 id="Example" name="Example">Пример</h2>
-
-<pre class="brush: html">&lt;!DOCTYPE HTML&gt;
-&lt;html&gt;
-&lt;head&gt;
- &lt;script type="text/javascript" charset="utf-8"&gt;
- function init() {
-
- function onMouseUp(e) {
- console.log(e);
- var outputElement = document.getElementById('output-element');
- var outputText = document.getElementById('output-text');
- var selectedTextArea = document.<strong>activeElement</strong>;
- var selection = selectedTextArea.value.substring(
- selectedTextArea.<strong>selectionStart</strong>, selectedTextArea.<strong>selectionEnd</strong>);
- outputElement.innerHTML = selectedTextArea.id;
- outputText.innerHTML = selection;
- }
-
- document.getElementById("ta-example-one").addEventListener("mouseup", onMouseUp, false);
- document.getElementById("ta-example-two").addEventListener("mouseup", onMouseUp, false);
- }
- &lt;/script&gt;
-&lt;/head&gt;
-&lt;body onload="init()"&gt;
-&lt;div&gt;
- Выделите текст в одном из текстовых полей ниже:
-&lt;/div&gt;
-&lt;form id="frm-example" action="#" accept-charset="utf-8"&gt;
-&lt;textarea name="ta-example-one" id="ta-example-one" rows="8" cols="40"&gt;
-Это текстовое поле 1:
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt, lorem a porttitor molestie, odio nibh iaculis libero, et accumsan nunc orci eu dui.
-&lt;/textarea&gt;
-&lt;textarea name="ta-example-two" id="ta-example-two" rows="8" cols="40"&gt;
-Это текстовое поле 2:
-Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam.
-&lt;/textarea&gt;
-&lt;/form&gt;
-ID активного элемента: &lt;span id="output-element"&gt;&lt;/span&gt;&lt;br/&gt;
-Выделенный текст: &lt;span id="output-text"&gt;&lt;/span&gt;
-
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p><a href="https://jsfiddle.net/w9gFj">Посмотреть на JSFiddle</a></p>
-
-<h2 id="Примечания">Примечания</h2>
-
-<p>Первоначально введенное как собственное расширение DOM в Internet Explorer 4, это свойство также поддерживается в Opera и Safari (в версии 4).</p>
-
-<h2 id="Specification" name="Specification">Спецификации</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Спецификация</th>
- <th scope="col">Статус</th>
- <th scope="col">Комментарий</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'interaction.html#dom-document-activeelement', 'activeElement')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </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>2</td>
- <td>3.0</td>
- <td>4 [1]</td>
- <td>9.6</td>
- <td>4.0</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>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1]: В IE9 наблюдается баг: при попытке получения доступа к <code>activeElement в </code>{{domxref("window.parent")}} {{domxref("Document")}} из {{HTMLElement("iframe")}} (т.е. <code>parent.document.activeElement</code>) выбрасывается ошибка.</p>
-
-<h2 id="Связанные_события">Связанные события</h2>
-
-<ul>
- <li>{{event("focus")}}</li>
- <li>{{event("blur")}}</li>
- <li>{{event("focusin")}}</li>
- <li>{{event("focusout")}}</li>
-</ul>