DocumentOrShadowRoot.nodeFromPoint()

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

DocumentOrShadowRoot インターフェイスの nodeFromPoint() プロパティは、 (ビューポートからの相対で) 指定された座標にある最上位のノードを返します。

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

構文

var node = document.nodeFromPoint(x, y);

引数

x
点の水平座標を表す倍精度浮動小数値。
y
点の垂直座標を表す倍精度浮動小数値。

返値

Node オブジェクト。

HTML Content

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

JavaScript Content

var output = document.getElementById("output");
if (document.nodeFromPoint) {
  var node = document.nodeFromPoint(30, 20);
    output.textContent += node.localName;
} else {
  output.innerHTML = "<span style=\"color: red;\">" +
     "Browser does not support <code>document.nodeFromPoint()</code>" +
     "</span>";
}

仕様書

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

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
nodeFromPoint
実験的非標準
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 未対応 なし

凡例

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

関連情報