javascript - 在javascript中获取相对鼠标X/Y

Question

我在页面某处有一个 div。然后我得到鼠标 XY:

        var relativeMouseX = self.gCurrentMouseX - self.gContainerLeft;
        var relativeMouseY = self.gCurrentMouseY - self.gContainerTop;

当前的 mousex/y 是通过以下方式获得的:

// Update mouse coords
this.gUpdateMousePos = function(evt) {
    if (evt === undefined) evt = window.event;
    if (window.event) {
        this.gCurrentMouseX = event.clientX;
        this.gCurrentMouseY = event.clientY;
    }
    else {
        this.gCurrentMouseX = evt.clientX;
        this.gCurrentMouseY = evt.clientY;
    }
}

这在测试中运行良好，但是当 div 位于页面下方时，它会弄乱鼠标 X/Y，因为坐标似乎只在 viewinwg 区域而不是整个页面。

X 协调工作正常，因为页面的水平扩展永远不会超过浏览器大小，但垂直方向是个问题!

关于如何获取鼠标相对于元素的 X/Y 轴的任何想法？

Answer 1

event.clientX+document.body.scrollLeft 和 event.clientX+document.body.scrollTop或event.pageX 和 event.pageY

第一个只是将当前滚动位置添加到该值，第二个是鼠标相对于页面的位置，而不是客户端窗口。