From abdfd9e7f66df7403c4775dadcffdfb61ed7dc51 Mon Sep 17 00:00:00 2001
From: MDN <actions@users.noreply.github.com>
Date: Mon, 15 Mar 2021 00:26:36 +0000
Subject: [CRON] sync translated content

---
 .../api/document/caretpositionfrompoint/index.html | 104 +++++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 files/ja/web/api/document/caretpositionfrompoint/index.html

(limited to 'files/ja/web/api/document')

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">&lt;p&gt;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.&lt;/p&gt;</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 &lt; 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>
-- 
cgit v1.2.3-54-g00ecf