如何在按钮单击时获取div的坐标答案

【问题标题】：How to get coordinates of div on button click如何在按钮单击时获取div的坐标
【发布时间】：2014-11-22 18:30:54
【问题描述】：

当单击按钮时，我试图找出 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");
    }


});

【问题讨论】：

stackoverflow.com/questions/683339/…的可能重复
试过这个但它返回的是 NaN？
什么div的坐标？您还没有提供任何 html。我们不知道您的目标是什么

标签： javascript jquery function coordinates offset

【解决方案1】：

你正在获取按钮的偏移量，你想要 div 的偏移量：

FIDDLE

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

我已经将一个元素绝对定位在坐标上，所以你可以在小提琴中看到它匹配。

【讨论】：

【解决方案2】：

取自How do I find the absolute position of an element using jQuery?

var position = $(element).offset();

【讨论】：