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

Question

我试图用JQuery获取div的坐标。我目前正在使用这种方法：

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

然而，我意识到，如果我在div“draw_area”之上有html元素，它会给我不同的“y”。我不要那个。我想要的是获得特定div的精确/相对坐标，无论是否有其他元素，坐标总是相同的 的修改： 在div之上或div旁边。 有人可以告诉我如何实现这一目标吗？任何帮助将不胜感激。谢谢！

Answer 1

我认为您正在寻找.offset()，它会为您提供相对于document的位置，而不是.position()，它会为您提供相对于偏移的位置父节点。

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