DIV中的相对鼠标坐标 - javascript

Question

我将鼠标移动到div上，我想知道鼠标相对于div原点的坐标。 （左上角）

我期望mousemove事件包含鼠标的相对（客户端？）坐标，但显然它没有。

在Firefox中，例如，没有事件属性的*含有相对坐标

我缺少的东西？

* clientX，Y - pageX属性，Y - screenX，Y

Answer 1

您不会错过任何东西，但你需要计算相对坐标自己。

东西沿着这些线路应该这样做（与您要使用获得的位置W/E代码替代的jQuery）：

var pos = $('div').position(); 
var relX = event.pageX - pos.left; 
var relY = event.pageY - pos.top; 

另请参阅：JS: mouse coordinates relative to an element覆盖一些细节上支持其他浏览器（尽管如果你使用的jquery可能不需要）。