diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:07:59 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:07:59 +0100 |
commit | 6ef1fa4618e08426b874529619a66adbd3d1fcf0 (patch) | |
tree | 890e3e27131be010d82ef957fa68db495006cb0e /files/ja/web/api/document | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-6ef1fa4618e08426b874529619a66adbd3d1fcf0.tar.gz translated-content-6ef1fa4618e08426b874529619a66adbd3d1fcf0.tar.bz2 translated-content-6ef1fa4618e08426b874529619a66adbd3d1fcf0.zip |
unslug ja: move
Diffstat (limited to 'files/ja/web/api/document')
-rw-r--r-- | files/ja/web/api/document/activeelement/index.html | 144 | ||||
-rw-r--r-- | files/ja/web/api/document/async/index.html | 45 | ||||
-rw-r--r-- | files/ja/web/api/document/elementfrompoint/index.html | 50 | ||||
-rw-r--r-- | files/ja/web/api/document/getanimations/index.html | 81 | ||||
-rw-r--r-- | files/ja/web/api/document/getselection/index.html | 13 | ||||
-rw-r--r-- | files/ja/web/api/document/inputencoding/index.html | 26 | ||||
-rw-r--r-- | files/ja/web/api/document/onselectionchange/index.html | 62 |
7 files changed, 0 insertions, 421 deletions
diff --git a/files/ja/web/api/document/activeelement/index.html b/files/ja/web/api/document/activeelement/index.html deleted file mode 100644 index 31c1b2bc7f..0000000000 --- a/files/ja/web/api/document/activeelement/index.html +++ /dev/null @@ -1,144 +0,0 @@ ---- -title: document.activeElement -slug: Web/API/Document/activeElement -tags: - - DOM - - Focus - - Gecko - - HTML5 - - NeedsTranslation - - 要更新 -translation_of: Web/API/DocumentOrShadowRoot/activeElement -translation_of_original: Web/API/Document/activeElement ---- -<div>{{ApiRef}}</div> - -<h2 id="Summary" name="Summary">概要</h2> - -<p>Returns the currently focused element, that is, the element that will get keystroke events if the user types any. This attribute is read only.</p> - -<p>Often this will return an {{HTMLElement("input")}} or {{HTMLElement("textarea")}} object, if it has the text selection at the time. If so, you can get more detail by using the element's <code>selectionStart</code> and <code>selectionEnd</code> properties. Other times the focused element might be a {{HTMLElement("select")}} element (menu) or an {{HTMLElement("input")}} element, of <code>type</code> button, checkbox or radio.</p> - -<div class="note"><strong>注記:</strong> On Mac, elements that aren't text input elements tend not to get focus assigned to them.</div> - -<p>Typically a user can press the tab key to move the focus around the page among focusable elements, and use the space bar to activate it (press a button, choose a radio).</p> - -<p>Do not confuse focus with a selection over the document, consisting mostly of static text nodes. See {{domxref("window.getSelection()")}} for that.</p> - -<p>When there is no selection, the active element is the page's {{HTMLElement("body")}}.</p> - -<p>{{Note("This attribute is part of the in-development HTML 5 specification.")}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre>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> - Select some text from one of the Textareas below: -</div> -<form id="frm-example" action="#" accept-charset="utf-8"> -<textarea name="ta-example-one" id="ta-example-one" rows="8" cols="40"> -This is Textarea Example One: -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"> -This is Textarea Example Two: -Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam. -</textarea> -</form> -Active Element Id: <span id="output-element"></span><br/> -Selected Text: <span id="output-text"></span> - -</body> -</html> -</pre> - -<p><a href="https://jsfiddle.net/w9gFj">JSFiddle で確認</a></p> - -<h2 id="Notes" name="Notes">注記</h2> - -<p>Originally introduced as a proprietary DOM extension in Internet Explorer 4, this property also is supported in Opera and Safari (as of version 4).</p> - -<h2 id="Specification" name="Specification">仕様</h2> - -<ul> - <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#focus-management">Focus management </a></li> -</ul> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>機能</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>基本サポート</td> - <td>2</td> - <td>3.0</td> - <td>4</td> - <td>9.6</td> - <td>4.0</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>機能</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>基本サポート</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p> </p> diff --git a/files/ja/web/api/document/async/index.html b/files/ja/web/api/document/async/index.html deleted file mode 100644 index 00d0b0724c..0000000000 --- a/files/ja/web/api/document/async/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: XMLDocument.async -slug: Web/API/Document/async -tags: - - API - - DOM - - DOM Reference - - Deprecated - - Document - - Non-standard - - Property - - Reference - - async -translation_of: Web/API/XMLDocument/async ---- -<p>{{APIRef("DOM")}}{{Non-standard_header}}{{Deprecated_header}}</p> - -<p><code>document.async</code> は、 {{DOMxRef("XMLDocument.load()")}} の呼び出しを同期で行うか、または非同期で行うかの指示を真偽値で設定します。 <code>true</code> が初期値であり、これは文書を非同期的に読み込むよう要求するものです。</p> - -<p>(1.4 アルファから、同期的に文書を読み込めるようになりました。)</p> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush: js; notranslate">function loadXMLData(e) { - alert(new XMLSerializer().serializeToString(e.target)); // querydata.xml の内容を文字列として取得 -} - -var xmlDoc = document.implementation.createDocument("", "test", null); - -xmlDoc.async = false; -xmlDoc.onload = loadXMLData; -xmlDoc.load('querydata.xml');</pre> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("api.XMLDocument.async")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/XML_in_Mozilla" title="XML_in_Mozilla">XML in Mozilla</a></li> - <li>{{DOMxRef("XMLDocument.load()")}}</li> -</ul> diff --git a/files/ja/web/api/document/elementfrompoint/index.html b/files/ja/web/api/document/elementfrompoint/index.html deleted file mode 100644 index a24f1ce63a..0000000000 --- a/files/ja/web/api/document/elementfrompoint/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: document.elementFromPoint -slug: Web/API/Document/elementFromPoint -tags: - - DOM - - Gecko - - Gecko DOM Reference -translation_of: Web/API/DocumentOrShadowRoot/elementFromPoint -translation_of_original: Web/API/Document/elementFromPoint ---- -<div> - {{ApiRef()}} {{Fx_minversion_header(3)}}</div> -<h2 id="Summary" name="Summary">概要</h2> -<p>文書の左上を基点として指定された座標上にある要素を返します。</p> -<h2 id="Syntax" name="Syntax">構文</h2> -<pre class="syntaxbox"><var>element</var> = document.elementFromPoint(<i>x</i>,<i>y</i>);</pre> -<ul> - <li><code>element</code> には <a href="/ja/docs/DOM/element">element</a> オブジェクトが入ります。</li> - <li><code>x</code> と <code>y</code> には取得したい要素の座標を指定してください。</li> -</ul> -<h2 id="Example" name="Example">例</h2> -<pre class="brush:html"><!DOCTYPE html> -<html lang="ja"> -<head> -<title>elementFromPoint の使用例</title> - -<script> -function changeColor(newColor) { - elem = document.elementFromPoint(2, 2); - elem.style.color = newColor; -} -</script> -</head> - - -<body> -<p id="para1">色は匂へど 散りぬるを……</p> -<button onclick="changeColor('blue');">blue</button> -<button onclick="changeColor('red');">red</button> -</body> -</html> -</pre> -<h2 id="Notes" name="Notes">注記</h2> -<p>指定された座標にある要素が別のドキュメント(例えば iframe 内にあるサブドキュメント) に属する場合、指定された座標にあるドキュメントの DOM 要素 (iframe) を返します。もし指定された座標にある要素が匿名あるいは textbox のスクロールバーのように XBL によって生成された内容の場合、指定された座標にある要素を基点として、匿名ではない最初の親要素(例えば textbox)が返されます。</p> -<p>指定された座標がドキュメントの表示外にあるか、座標のどちらかに負の値が設定されている場合は <code>NULL</code> を返します。</p> -<p>{{Note("XUL ドキュメントからは onload イベントが発生するまでは、このメソッドを使用してはいけません。")}}</p> -<h2 id="Specification" name="Specification">仕様</h2> -<ul> - <li>仮仕様: <a class="external" href="http://dev.w3.org/csswg/cssom/#documentlayout-elementfrompoint"><code>elementFromPoint</code></a></li> -</ul> diff --git a/files/ja/web/api/document/getanimations/index.html b/files/ja/web/api/document/getanimations/index.html deleted file mode 100644 index eeb45f404e..0000000000 --- a/files/ja/web/api/document/getanimations/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: Document.getAnimations() -slug: Web/API/Document/getAnimations -tags: - - API - - Animation - - CSS - - CSS Animations - - CSS Transitions - - Document - - Experimental - - Method - - Reference - - Transitions - - Web Animations - - getAnimations - - waapi - - web animations api -translation_of: Web/API/DocumentOrShadowRoot/getAnimations ---- -<p>{{ SeeCompatTable() }}{{APIRef("Web Animations")}}</p> - -<p><code>getAnimations()</code> メソッドは {{domxref("Document")}} インターフェイスのメソッドで、この文書の配下にあるターゲット要素にあるすべての {{domxref("Animation")}} オブジェクトの配列を返します。この配列には <a href="/ja/docs/Web/CSS/CSS_Animations">CSS アニメーション</a>, <a href="/ja/docs/Web/CSS/CSS_Transitions">CSS トランジション</a>, <a href="/ja/docs/Web/API/Web_Animations_API">ウェブアニメーション</a> が含まれます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">var <var>allAnimations</var> = <var>Document</var>.getAnimations(); -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<p>なし。</p> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>{{domxref("Animation")}} オブジェクトの {{jsxref("Array")}} で、それぞれの要素は呼び出された {{domxref("Document")}} の配下にある要素に現在関連付けられているアニメーション1つを表します。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次のコードスニペットは、ページ上のすべてのアニメーションの {{domxref("Animation.playbackRate")}} を半分にすることで速度をゆっくりにします。</p> - -<pre class="brush: js notranslate">document.getAnimations().forEach( - function (animation) { - animation.playbackRate *= .5; - } -);</pre> - -<h2 id="Specifications" name="Specifications">仕様書</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('Web Animations', '#dom-documentorshadowroot-getanimations', 'document.getAnimations()' )}}</td> - <td>{{Spec2('Web Animations')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> - -<p>{{Compat("api.Document.getAnimations")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/Web_Animations_API">ウェブアニメーション API</a></li> - <li><a href="/ja/docs/Web/CSS/CSS_Animations">CSS アニメーション</a></li> - <li><a href="/ja/docs/Web/CSS/CSS_Transitions">CSS トランジション</a></li> - <li>{{domxref("Element.getAnimations()")}} - 単一の要素 ({{domxref("Element")}}) とその子孫にあるアニメーションのみを読み取る</li> - <li>{{domxref("Animation")}}</li> -</ul> diff --git a/files/ja/web/api/document/getselection/index.html b/files/ja/web/api/document/getselection/index.html deleted file mode 100644 index 740d006c66..0000000000 --- a/files/ja/web/api/document/getselection/index.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: document.getSelection -slug: Web/API/Document/getSelection -tags: - - DOM - - Document - - Reference - - Selection -translation_of: Web/API/DocumentOrShadowRoot/getSelection -translation_of_original: Web/API/Document/getSelection ---- -<p>DOM の <code>getSelection()</code> メソッドは、 {{domxref("Window")}} インタフェース及び {{domxref("Document")}} インタフェースで利用可能です。<br> - 詳細については {{domxref("window.getSelection()")}} の頁を参照して下さい。</p> diff --git a/files/ja/web/api/document/inputencoding/index.html b/files/ja/web/api/document/inputencoding/index.html deleted file mode 100644 index bc128b09e8..0000000000 --- a/files/ja/web/api/document/inputencoding/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: document.inputEncoding -slug: Web/API/Document/inputEncoding -tags: - - DOM - - Document - - Gecko - - Gecko DOM Reference -translation_of: Web/API/Document/characterSet -translation_of_original: Web/API/Document/inputEncoding ---- -<p>{{ApiRef}} {{deprecated_header}}</p> -<h2 id="Summary" name="Summary">概要</h2> -<p>文書パース時のエンコーディングを表す文字列(※ <code>ISO-8859-1</code> 等)を返します。</p> -<div class="warning"> - <strong>注記:</strong> このメソッドは DOM 4 仕様書ドラフトから削除されており、Gecko の実装からも削除される可能性があります。使用しないようにしてください。</div> -<h2 id="Syntax" name="Syntax">構文</h2> -<pre class="syntaxbox"><code><var>encoding</var> = document.inputEncoding;</code></pre> -<ul> - <li><code>inputEncoding</code> : {{readOnlyInline}}</li> -</ul> -<h2 id="Specification" name="Specification">仕様書</h2> -<ul> - <li><a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#Document3-inputEncoding">DOM Level 3 Core</a></li> - <li>※ {{spec("http://www.w3.org/TR/domcore/","DOM Core Level 4","WD")}} で削除されています。</li> -</ul> diff --git a/files/ja/web/api/document/onselectionchange/index.html b/files/ja/web/api/document/onselectionchange/index.html deleted file mode 100644 index 9793bde3fa..0000000000 --- a/files/ja/web/api/document/onselectionchange/index.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: Document.onselectionchange -slug: Web/API/Document/onselectionchange -tags: - - API - - Document - - Experimental - - Reference - - イベントハンドラー - - プロパティ -translation_of: Web/API/GlobalEventHandlers/onselectionchange -translation_of_original: Web/API/Document/onselectionchange ---- -<div>{{ApiRef('DOM')}}{{SeeCompatTable}}</div> - -<p><code><strong>Document.onselectionchange</strong></code> プロパティは、 {{event("selectionchange")}} イベントがこのオブジェクトに到達したときに呼び出されるイベントハンドラーを表します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><var>obj</var>.onselectionchange = <var>function</var>; -</pre> - -<ul> - <li><var>function</var> はユーザー定義の関数の名前を、末尾の <code>()</code> や引数を付けない形、または無名関数の宣言です。</li> -</ul> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush: html">document.onselectionchange = function() { console.log("Selection changed!"); }; -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="spectable standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Selection API','','Document.onselectionchange')}}</td> - <td>{{Spec2('Selection API')}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<p class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</p> - -<p>{{Compat("api.Document.onselectionchange")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{event("selectionchange")}}</li> - <li>{{domxref("GlobalEventHandlers.onselectstart")}} および {{event('selectstart')}}</li> -</ul> |