Posted at

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);
};


テストに使えるかも。