diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:51:05 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:51:05 +0100 |
commit | c058fa0fb22dc40ef0225b21a97578cddd0aaffa (patch) | |
tree | df20f8b4c724b61cb9c34cdb450a7ac77d690bd0 /files/ru/web/api/document/activeelement/index.html | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-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.html | 165 |
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"><!DOCTYPE HTML> -<html> -<head> - <script type="text/javascript" charset="utf-8"> - 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); - } - </script> -</head> -<body onload="init()"> -<div> - Выделите текст в одном из текстовых полей ниже: -</div> -<form id="frm-example" action="#" accept-charset="utf-8"> -<textarea name="ta-example-one" id="ta-example-one" rows="8" cols="40"> -Это текстовое поле 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. -</textarea> -<textarea name="ta-example-two" id="ta-example-two" rows="8" cols="40"> -Это текстовое поле 2: -Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam. -</textarea> -</form> -ID активного элемента: <span id="output-element"></span><br/> -Выделенный текст: <span id="output-text"></span> - -</body> -</html> -</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> |