javascript - 如何在单击按钮时获取div的坐标

Question

当单击按钮时，我试图找出 id 为 #23 的 div 的坐标，该按钮称为 arrowR。问题是它不断返回鼠标在按钮上的坐标。有什么方法可以在单击按钮时获取页面内 div 的坐标吗？我正在使用的脚本如下:

$('#arrowR').click(function(e)
{   

    var offset_l = $(this).offset().left - $('#23').scrollLeft();

    var left = Math.round( (e.clientX - offset_l) );



if (left != 62) {
    alert("Left: " + left );
    } else {
    alert("works");
    }


});

Answer 1

您正在获取按钮的偏移量，您想要 div 的偏移量:

<强> FIDDLE

$('#arrowR').click(function (e) {
    var coords = $('#23').offset(); // <-- This.
    $('#coords-left').val(coords.left);
    $('#coords-top').val(coords.top);
});

我已将一个元素绝对定位在坐标处，以便您可以在 fiddle 中看到它匹配的元素。