diff options
Diffstat (limited to 'files/ja/web/api/document')
12 files changed, 497 insertions, 140 deletions
diff --git a/files/ja/web/api/document/activeelement/index.html b/files/ja/web/api/document/activeelement/index.html index 31c1b2bc7f..3d47c8b0b0 100644 --- a/files/ja/web/api/document/activeelement/index.html +++ b/files/ja/web/api/document/activeelement/index.html @@ -10,6 +10,7 @@ tags: - 要更新 translation_of: Web/API/DocumentOrShadowRoot/activeElement translation_of_original: Web/API/Document/activeElement +original_slug: Web/API/DocumentOrShadowRoot/activeElement --- <div>{{ApiRef}}</div> 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/caretpositionfrompoint/index.html b/files/ja/web/api/document/caretpositionfrompoint/index.html new file mode 100644 index 0000000000..44deaf1be3 --- /dev/null +++ b/files/ja/web/api/document/caretpositionfrompoint/index.html @@ -0,0 +1,104 @@ +--- +title: DocumentOrShadowRoot.caretPositionFromPoint() +slug: Web/API/Document/caretPositionFromPoint +tags: + - API + - Document + - DocumentOrShadowRoot + - Method + - Reference + - ShadowRoot + - caretPositionFromPoint() +translation_of: Web/API/DocumentOrShadowRoot/caretPositionFromPoint +original_slug: Web/API/DocumentOrShadowRoot/caretPositionFromPoint +--- +<p>{{APIRef("CSSOM View")}}{{SeeCompatTable}}</p> + +<p><span class="seoSummary">{{domxref("DocumentOrShadowRoot")}} インターフェイスの <strong><code>caretPositionFromPoint()</code></strong> プロパティは、 DOM ノードを含む {{domxref('CaretPosition')}} オブジェクトを、そのノード内のキャレットとキャレットの文字オフセットと共に返します。</span></p> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox notranslate">var caretPosition = document.caretPositionFromPoint(float x, float y);</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<dl> + <dt><code>x</code></dt> + <dd>ポイントの水平座標。</dd> + <dt><code>y</code></dt> + <dd>ポイントの垂直座標。</dd> +</dl> + +<h3 id="返り値">返り値</h3> + +<p>{{domxref('CaretPosition')}} オブジェクト。</p> + +<h2 id="例">例</h2> + +<p>この例では、クリックした場所に改行を挿入します。そのコードはデモの下にあります。</p> + +<h3 id="Demo">Demo</h3> + +<p>{{EmbedLiveSample('Example', '100%', '300px')}}</p> + +<h3 id="HTML_Content">HTML Content</h3> + +<pre class="brush: html notranslate"><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, +sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, +sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. +Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></pre> + +<h3 id="JavaScript_Content">JavaScript Content</h3> + +<pre class="brush: js notranslate">function insertBreakAtPoint(e) { + var range; + var textNode; + var offset; + + if (document.caretPositionFromPoint) { + range = document.caretPositionFromPoint(e.clientX, e.clientY); + textNode = range.offsetNode; + offset = range.offset; + } else if (document.caretRangeFromPoint) { + range = document.caretRangeFromPoint(e.clientX, e.clientY); + textNode = range.startContainer; + offset = range.startOffset; + } + + // only split TEXT_NODEs + if (textNode.nodeType == 3) { + var replacement = textNode.splitText(offset); + var br = document.createElement('br'); + textNode.parentNode.insertBefore(br, replacement); + } +} + +window.onload = function (){ + var paragraphs = document.getElementsByTagName("p"); + for (i=0 ; i < paragraphs.length; i++) { + paragraphs[i].addEventListener("click", insertBreakAtPoint, false); + } +};</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName('CSSOM View','#dom-document-caretpositionfrompoint','caretPositionFromPoint()')}}</td> + <td>{{Spec2('CSSOM View')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + + + +<p>{{Compat("api.DocumentOrShadowRoot.caretPositionFromPoint")}}</p> diff --git a/files/ja/web/api/document/elementfrompoint/index.html b/files/ja/web/api/document/elementfrompoint/index.html index a24f1ce63a..662260e4ae 100644 --- a/files/ja/web/api/document/elementfrompoint/index.html +++ b/files/ja/web/api/document/elementfrompoint/index.html @@ -7,6 +7,7 @@ tags: - Gecko DOM Reference translation_of: Web/API/DocumentOrShadowRoot/elementFromPoint translation_of_original: Web/API/Document/elementFromPoint +original_slug: Web/API/DocumentOrShadowRoot/elementFromPoint --- <div> {{ApiRef()}} {{Fx_minversion_header(3)}}</div> diff --git a/files/ja/web/api/document/elementsfrompoint/index.html b/files/ja/web/api/document/elementsfrompoint/index.html new file mode 100644 index 0000000000..a885ce197f --- /dev/null +++ b/files/ja/web/api/document/elementsfrompoint/index.html @@ -0,0 +1,103 @@ +--- +title: DocumentOrShadowRoot.elementsFromPoint() +slug: Web/API/Document/elementsFromPoint +tags: + - API + - Document + - DocumentOrShadowRoot + - Method + - Reference + - ShadowRoot + - elementsFromPoint + - elementsFromPoint() + - shadow dom + - メソッド +translation_of: Web/API/DocumentOrShadowRoot/elementsFromPoint +original_slug: Web/API/DocumentOrShadowRoot/elementsFromPoint +--- +<div>{{APIRef("DOM")}}{{SeeCompatTable}}</div> + +<p><span class="seoSummary"><strong><code>elementsFromPoint()</code></strong> は {{domxref("DocumentOrShadowRoot")}} インターフェイスのメソッドで、指定された座標 (ビューポートからの相対) にあるすべての要素の配列を返します。</span></p> + +<p>これは {{domxref("DocumentOrShadowRoot.elementFromPoint", "elementFromPoint()")}} メソッドと同じような方法で動作します。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">const elements = document.elementsFromPoint(<var>x</var>, <var>y</var>);</pre> + +<h3 id="Parameters" name="Parameters">引数</h3> + +<dl> + <dt><code><var>x</var></code></dt> + <dd>点の水平座標です。</dd> + <dt><code><var>y</var></code></dt> + <dd>点の垂直座標です。</dd> +</dl> + +<h3 id="Return_value" name="Return_value">返値</h3> + +<p>{{domxref("Element")}} オブジェクトの配列です。</p> + +<h2 id="Example" name="Example">例</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><div> + <p>Some text</p> +</div> +<p>Elements at point 30, 20:</p> +<div id="output"></div> +</pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js;highlight[1]">let output = document.getElementById("output"); +if (document.elementsFromPoint) { + let elements = document.elementsFromPoint(30, 20); + for (var i = 0; i < elements.length; i++) { + output.textContent += elements[i].localName; + if (i < elements.length - 1) { + output.textContent += " < "; + } + } +} else { + output.innerHTML = "<span style=\"color: red;\">" + + "Browser does not support <code>document.elementsFromPoint()</code>" + + "</span>"; +}</pre> + +<p>{{EmbedLiveSample('Example', '420', '120')}}</p> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Shadow DOM','#dom-documentorshadowroot-elementsfrompoint','elementsFromPoint()')}}</td> + <td>{{Spec2('Shadow DOM')}}</td> + </tr> + <tr> + <td>{{SpecName('CSSOM View', '#dom-document-elementsfrompoint', 'elementsFromPoint()')}}</td> + <td>{{Spec2('CSSOM View')}}</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.DocumentOrShadowRoot.elementsFromPoint")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{DOMxRef("DocumentOrShadowRoot.elementFromPoint()")}}</li> + <li>{{DOMxRef("DocumentOrShadowRoot.msElementsFromRect()")}} {{Non-standard_Inline}}</li> +</ul> diff --git a/files/ja/web/api/document/fullscreenelement/index.html b/files/ja/web/api/document/fullscreenelement/index.html new file mode 100644 index 0000000000..b5218b2447 --- /dev/null +++ b/files/ja/web/api/document/fullscreenelement/index.html @@ -0,0 +1,82 @@ +--- +title: DocumentOrShadowRoot.fullscreenElement +slug: Web/API/Document/fullscreenElement +tags: + - API + - Document + - DocumentOrShadowRoot + - Full-screen + - Fullscreen API + - Graphics + - Property + - Read-only + - Reference + - ShadowRoot + - fullscreenElement + - screen + - グラフィック + - 全画面 + - 読み取り専用 +translation_of: Web/API/DocumentOrShadowRoot/fullscreenElement +original_slug: Web/API/DocumentOrShadowRoot/fullscreenElement +--- +<div>{{ApiRef("Fullscreen API")}}</div> + +<p><code><strong>DocumentOrShadowRoot.fullscreenElement</strong></code> プロパティは読み取り専用で、この文書内で現在全画面モードで表示されている {{ domxref("Element") }} を返し、全画面モードを使用していない場合は <code>null</code> を返します。</p> + +<p>このプロパティは読み取り専用ですが、変更されても (strict モードでも) 例外は発生しません。設定しても何もせず、無視されます。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <var>element</var> = <var>document</var>.fullscreenElement;</pre> + +<h3 id="Return_value" name="Return_value">返値</h3> + +<p>現在全画面モードになっている {{domxref("Element")}} オブジェクト。全画面モードがこの <code><var>document</var></code> で使用されていない場合、返値は <code>null</code> です。</p> + +<h2 id="Example" name="Example">例</h2> + +<p>この例は <code>isVideoInFullscreen()</code> 関数を表し、 <code>fullscreenElement</code> からの返値を調べています。文書が全画面モードで (<code>fullscreenElement</code> が <code>null</code> ではなく)、全画面の要素の {{domxref("Node.nodeName", "nodeName")}} が <code>VIDEO</code>、すなわち {{HTMLElement("video")}} 要素を表す場合、この関数は <code>true</code>、すなわち動画が全画面モードであることを表します。</p> + +<pre class="brush: js">function isVideoInFullscreen() { + if (document.fullscreenElement && document.fullscreenElement.nodeName == 'VIDEO') { + return true; + } + return false; +}</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("Fullscreen", "#dom-document-fullscreenelement", "Document.fullscreenElement")}}</td> + <td>{{Spec2("Fullscreen")}}</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.DocumentOrShadowRoot.fullscreenElement")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/Fullscreen_API">Fullscreen API</a></li> + <li><a href="/ja/docs/Web/API/Fullscreen_API/Guide">Fullscreen API ガイド</a></li> + <li>{{ domxref("Element.requestFullscreen()") }}</li> + <li>{{ domxref("Document.exitFullscreen()") }}</li> + <li>{{ cssxref(":fullscreen") }} and {{cssxref("::backdrop")}}</li> + <li>{{HTMLElement("iframe")}} の {{ HTMLAttrXRef("allowfullscreen", "iframe") }} 属性</li> +</ul> diff --git a/files/ja/web/api/document/getanimations/index.html b/files/ja/web/api/document/getanimations/index.html index eeb45f404e..dde6a5530a 100644 --- a/files/ja/web/api/document/getanimations/index.html +++ b/files/ja/web/api/document/getanimations/index.html @@ -17,6 +17,7 @@ tags: - waapi - web animations api translation_of: Web/API/DocumentOrShadowRoot/getAnimations +original_slug: Web/API/DocumentOrShadowRoot/getAnimations --- <p>{{ SeeCompatTable() }}{{APIRef("Web Animations")}}</p> diff --git a/files/ja/web/api/document/getselection/index.html b/files/ja/web/api/document/getselection/index.html index 740d006c66..81fc970c85 100644 --- a/files/ja/web/api/document/getselection/index.html +++ b/files/ja/web/api/document/getselection/index.html @@ -1,13 +1,88 @@ --- -title: document.getSelection +title: DocumentOrShadowRoot.getSelection() slug: Web/API/Document/getSelection tags: - - DOM - - Document + - API + - DocumentOrShadowRoot + - Doument + - Method - Reference - - Selection + - ShadowRoot + - getSelection + - getSelection() + - shadow dom translation_of: Web/API/DocumentOrShadowRoot/getSelection -translation_of_original: Web/API/Document/getSelection +original_slug: Web/API/DocumentOrShadowRoot/getSelection --- -<p>DOM の <code>getSelection()</code> メソッドは、 {{domxref("Window")}} インタフェース及び {{domxref("Document")}} インタフェースで利用可能です。<br> - 詳細については {{domxref("window.getSelection()")}} の頁を参照して下さい。</p> +<div>{{APIRef("DOM")}}{{SeeCompatTable}}</div> + +<p><span class="seoSummary"><strong><code>getSelection()</code></strong> は {{DOMxRef("DocumentOrShadowRoot")}} インターフェイスのプロパティで、ユーザーが選択したテキストの範囲、またはキャレットの現在位置を表す {{DOMxRef("Selection")}} オブジェクトを返します。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var selection = documentOrShadowRootInstance.getSelection()</pre> + +<h3 id="Parameters" name="Parameters">引数</h3> + +<p>なし。</p> + +<h3 id="Returns" name="Returns">返値</h3> + +<p>{{DOMxRef("Selection")}} オブジェクト。</p> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush:js">function foo() { + var selObj = document.getSelection(); + alert(selObj); + var selRange = selObj.getRangeAt(0); + // do stuff with the range +}</pre> + +<h2 id="Notes" name="Notes">メモ</h2> + +<h3 id="String_representation_of_the_Selection_object" name="String_representation_of_the_Selection_object">Selection オブジェクトの文字列表現</h3> + +<p>JavaScript では、オブジェクトが string を取る関数 ({{DOMxRef("Window.alert()")}} など) に渡された場合、オブジェクトの {{JSxRef("Object.toString", "toString()")}} メソッドが呼び出され、関数にその返値が渡されます。これにより、プロパティやメソッドを持つ実際のオブジェクトであった場合、他の関数に使われると文字列になって現れることがあります。</p> + +<p>上記の例では、 <code>selObj.toString()</code> が呼び出されてから {{DOMxRef("Window.alert()")}} に渡されます。しかし、 JavaScript の <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String" title="JS/String">String</a> のプロパティやメソッド、例えば <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/length" title="JS/String.length">length</a></code> や <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substr" title="JS/String.substr">substr</a></code> が {{DOMxRef("Selection")}} オブジェクトに対して呼び出されると、そのプロパティやメソッドを持っていないため、エラーが発生するか予期しない結果が返ることがあります。 <code>Selection</code> オブジェクトを文字列として扱うには、 <code>toString()</code> メソッドを直接呼び出してください。</p> + +<pre class="brush:js;gutter:false;">var selectedText = selObj.toString();</pre> + +<ul> + <li><code>selObj</code> は <code>Selection</code> オブジェクトです。</li> + <li><code>selectedText</code> は文字列 (選択中のテキスト) です。</li> +</ul> + +<h3 id="Related_objects" name="Related_objects">関連するオブジェクト</h3> + +<p>{{domxref("Window.getSelection()")}} を呼び出すと、 <code>Document.getSelection()</code> と同等の動作をします。</p> + +<p>Firefox において現在は <code>getSelection()</code> は {{htmlelement("input")}} 要素の中では動作しないことに注意してください。 {{domxref("HTMLInputElement.setSelectionRange()")}}) を使用することで回避できます。</p> + +<p><em>selection</em> と <em>focus</em> との違いにも注意してください。 {{domxref("Document.activeElement")}} はフォーカスを持つ要素を返します。</p> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName("Shadow DOM", "#extensions-to-the-documentorshadowroot-mixin", "DocumentOrShadowRoot")}}</td> + <td>{{Spec2("Shadow DOM")}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div> +<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.DocumentOrShadowRoot.getSelection")}}</p> +</div> 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> diff --git a/files/ja/web/api/document/pointerlockelement/index.html b/files/ja/web/api/document/pointerlockelement/index.html new file mode 100644 index 0000000000..6b6afcd8e5 --- /dev/null +++ b/files/ja/web/api/document/pointerlockelement/index.html @@ -0,0 +1,61 @@ +--- +title: DocumentOrShadowRoot.pointerLockElement +slug: Web/API/Document/pointerLockElement +tags: + - API + - DOM + - Document + - Property + - Reference + - ShadowRoot + - mouse lock + - プロパティ + - マウスロック +translation_of: Web/API/DocumentOrShadowRoot/pointerLockElement +original_slug: Web/API/DocumentOrShadowRoot/pointerLockElement +--- +<div>{{APIRef("DOM")}}</div> + +<p><span class="seoSummary"><strong><code>pointerLockElement</code></strong> は {{domxref("Document")}} および {{domxref("ShadowRoot")}} インターフェイスのプロパティで、要素をポインターがロックされている間のマウスイベントの対象として設定します。ロック待ち状態の場合、ポインターがロックされていない場合、対象が他の文書にある場合は <code>null</code> になります。</span></p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">var <var>element</var> = <var>document</var>.pointerLockElement; +</pre> + +<h3 id="Return_value" name="Return_value">返値</h3> + +<p>{{domxref("Element")}} または <code>null</code>。</p> + +<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('Pointer Lock','#extensions-to-the-documentorshadowroot-mixin','pointerLockElement')}}</td> + <td>{{Spec2('Pointer Lock')}}</td> + <td><code>Document</code> インターフェイスを拡張</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.DocumentOrShadowRoot.pointerLockElement")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{ domxref("Document.exitPointerLock()") }}</li> + <li>{{ domxref("Element.requestPointerLock()") }}</li> + <li><a href="/ja/docs/WebAPI/Pointer_Lock">Pointer Lock</a></li> +</ul> diff --git a/files/ja/web/api/document/stylesheets/index.html b/files/ja/web/api/document/stylesheets/index.html new file mode 100644 index 0000000000..8a793da1fc --- /dev/null +++ b/files/ja/web/api/document/stylesheets/index.html @@ -0,0 +1,62 @@ +--- +title: DocumentOrShadowRoot.styleSheets +slug: Web/API/Document/styleSheets +tags: + - API + - Document + - DocumentOrShadowRoot + - Property + - Reference + - ShadowRoot + - Stylesheets + - shadow dom +translation_of: Web/API/DocumentOrShadowRoot/styleSheets +original_slug: Web/API/DocumentOrShadowRoot/styleSheets +--- +<div>{{SeeCompatTable}}{{APIRef("Shadow DOM")}}</div> + +<p><span class="seoSummary">{{domxref("DocumentOrShadowRoot")}} インターフェイスの <strong><code>styleSheets</code></strong> 読み取り専用プロパティは、 {{domxref('CSSStyleSheet')}} オブジェクトの {{domxref('StyleSheetList')}} を返します。ドキュメントに明示的にリンクまたは埋め込まれたスタイルシートの場合。</span></p> + +<h2 id="例">例</h2> + +<pre class="brush: js notranslate">function getStyleSheet(unique_title) { + for (var i=0; i<document.styleSheets.length; i++) { + var sheet = document.styleSheets[i]; + if (sheet.title == unique_title) { + return sheet; + } + } +} +</pre> + +<h3 id="Notes">Notes</h3> + +<p>返されるリストは次の順序で並べられます:</p> + +<ul> + <li>{{htmlelement("link")}} ヘッダから取得したスタイルシートが最初に配置され、ヘッダ順に並べ替えられます。</li> + <li>DOM から取得したスタイルシートは、<a href="https://dom.spec.whatwg.org/#concept-tree-order">ツリー順</a>にソートされた後に配置されます。</li> +</ul> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName('Shadow DOM','#extensions-to-the-documentorshadowroot-mixin','DocumentOrShadowRoot')}}</td> + <td>{{Spec2('Shadow DOM')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + + + +<p>{{Compat("api.DocumentOrShadowRoot.styleSheets")}}</p> |