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