JavaScript

X,Y座標で指定した位置にあるDOM要素を取得する

More than 3 years have passed since last update.

document.elementFromPointメソッドで取得できる。

  • x:100, y:100の座標にあるエレメントを取得するサンプル
js
var X = 100;
var Y = 100;
var elm = document.elementFromPoint(X, Y);

console.log(elm); 

要素が重なっている場合は、z-indexで一番上にある要素が取得される。

  • 以下は、マウス座標上の要素を取得するサンプル。
js
document.onmousemove = function (e){
    var elm = document.elementFromPoint(e.clientX, e.clientY);
    console.log(elm);
};

テストに使えるかも。