DocumentOrShadowRoot.nodesFromPoint()

非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

DocumentOrShadowRoot インターフェイスの nodesFromPoint() プロパティは、 (ビューポートからの相対で) 指定された座標のすべてのノードの配列を返します。

現在のところ、このメソッドは Firefox でしか実装されておらず、クロムコードでのみ利用できます。

構文

var nodes = document.nodesFromPoint(x, y);

引数

x
点の水平座標。
y
点の垂直座標。

返値

Node オブジェクトの配列。

HTML コンテンツ

<div>
  <p>Some text</p>
</div>
<p>Nodes at point 30, 20:</p>
<div id="output"></div>

JavaScript コンテンツ

var output = document.getElementById("output");
if (document.nodesFromPoint) {
  var nodes = document.nodesFromPoint(30, 20);
  for(var i = 0; i < nodes.length; i++) {
    output.textContent += nodes[i].localName;
    if (i < nodes.length - 1) {
      output.textContent += " < ";
    }
  }
} else {
  output.innerHTML = "<span style=\"color: red;\">" +
     "Browser does not support <code>document.nodesFromPoint()</code>" +
     "</span>";
}

仕様書

現在はどの仕様書にも含まれていません。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
nodesFromPoint
実験的非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なし
補足
未対応 なし
補足
補足 Implemented in Firefox but currently only works in chrome code.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なし
補足
未対応 なし
補足
補足 Implemented in Firefox but currently only works in chrome code.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報