Web ページの上にカーソルを置き、各時点でカーソルが置かれているノード/タグ (div、img、p など) を特定できるようにしたいと考えています。
基本的に、ページの任意の場所にあるランダムな座標でノードを見つけたいと思います。たぶん、次のような機能を実行します
returnXPathOfNodeFrom(130, 200)
ノードまたはそれらの座標に表示されるコンテンツを持つノードの xpath のいずれかを返します。
Web ページの上にカーソルを置き、各時点でカーソルが置かれているノード/タグ (div、img、p など) を特定できるようにしたいと考えています。
基本的に、ページの任意の場所にあるランダムな座標でノードを見つけたいと思います。たぶん、次のような機能を実行します
returnXPathOfNodeFrom(130, 200)
ノードまたはそれらの座標に表示されるコンテンツを持つノードの xpath のいずれかを返します。
.elementFromPoint()
DOM 要素を返すJavascript メソッドを使用できます。
ドキュメントによると、
このメソッドは、指定されたポイントの下にある最上位の要素である elementFromPoint メソッドが呼び出されているドキュメントから要素を返します。要素を取得するには、ドキュメントを含むウィンドウまたはフレームの左上端のポイントを基準にして、CSS ピクセル単位で座標を介してポイントを指定します。
詳細については、次の記事を参照してください:特定の位置にある要素を見つけるために jQuery を使用しますか? また、このフィドル。
試す :
$(document).ready(function(){
$(document).mouseover( function(e){
console.log('You are now on element id: ' + e.target.id);
});
});