javascript - JavaScript で要素の位置を取得する

Question

ページ内の要素/オブジェクトの x および y 位置をキャッチできるスクリプトを多数見てきました。しかし、Webページが本文のマージン、または他の要素、絶対/相対要素などを使用している場合、xとyをキャッチするのに常に問題があります。

マージンやパディングが使用されていても、正確な位置を提供するソリューションはありますか?

Answer 1

次のコードを使用して、div ボックスを移動し、このWeb IME サイトのカーソルを追跡します

function xy(x) {
    o = document.getElementById(x);
    var l =o.offsetLeft; var t = o.offsetTop;
    while (o=o.offsetParent)
        l += o.offsetLeft;
    o = document.getElementById(x);
    while (o=o.offsetParent)
        t += o.offsetTop;
    return [l,t];
}

その戻り値は配列[左、上]、