javascript - 如何获得相对于 img 目标元素的 mousedown 偏移量？

Question

我在 img 元素上有一个 mousedown 事件处理程序:

$('#some_image').bind({
    mousedown: function(e) {
        var img = e.target;
        var relpos = ???;
    }
  })

如何获取mousedown 相对于 img 的位置？相对于 img 的任何一个 Angular ，以最简单的为准。

FWIW，我正在使用 jQuery。

(很抱歉这个愚蠢的问题。我想答案一定是微不足道的，但我找不到它，这让我发疯......)

编辑:好的，这是答案:

$('#some_image').bind({
    mousedown: function(e) {
        var offset = $(this).offset();
        var relpos = [e.pageX - offset.left, e.pageY - offset.top];
        // etc.
    }
  })

实际上，我发现对于我正在做的事情，减去 Math.round(offset.left) 和 Math.round(offset.top) 会更好而不是原始偏移量，因为后者并不总是整数(看图)。

顺便说一句，至少根据 Firebug，事件的 offsetX 和 offsetY 是未定义的，layerX 和 layerY 甚至没有在其成员中列出。

Answer 1

我从这篇文章中得到了答案jQuery get mouse position within an element

$("#something").click(function(e){
   var parentOffset = $(this).parent().offset(); 
   //or $(this).offset(); if you really just want the current element's offset
   var relX = e.pageX - parentOffset.left;
   var relY = e.pageY - parentOffset.top;
});