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）。