Javascript 使用JQuery获取特定元素本身的精确坐标

我正在尝试使用JQuery获取div的坐标。我目前正在使用此方法：

     $("#draw_area").click(function (e) {
             var x = e.pageX - this.offsetLeft;
             var y = e.pageY - this.offsetTop;
         });

然而，我意识到，如果在div“draw_区域”的顶部有html元素，它将给我不同的“y”。我不想那样。我想要的是得到特定div的精确/相对坐标，并且不管是否有其他元素，坐标总是相同的 编辑： 在div上方或div旁边。

---

有人能告诉我怎样才能做到这一点吗？任何帮助都将不胜感激。谢谢

我认为您正在寻找，它给出了相对于

文档的位置，而不是相对于偏移父对象的位置

     $("#draw_area").click(function (e) {
         var o = $(this).offset();
         var x = o.left;
         var y = o.top;
     });

谢谢你的回答。不幸的是，如果“draw_area div”的顶部有一些元素，您的代码仍然会给我不同的y，这不是我想要的。我不确定您所说的“顶部”是什么意思，但是如果您将元素彼此叠加，可能是
这
不是您期望的。您可以尝试
$（e.target）.offset（）
相反。嗨，谢谢你的回复。我想得到的是特定div的精确/相对坐标，不管div上面或旁边是否有其他元素，坐标总是相同的。