DIV中的相对鼠标坐标-javascript

Question

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

我希望mousemove事件包含鼠标的相对（client？）坐标，但显然没有。

例如，在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：相对于元素的鼠标坐标，其中涵盖了有关支持其他浏览器的某些详细信息（尽管如果您使用的是不需要的jquery）。