Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中获取鼠标相对于窗口视口的位置?_Javascript_Height_Dom Events_Viewport - Fatal编程技术网

如何在javascript中获取鼠标相对于窗口视口的位置?

如何在javascript中获取鼠标相对于窗口视口的位置?,javascript,height,dom-events,viewport,Javascript,Height,Dom Events,Viewport,event.pageY获取相对于整个文档高度的鼠标位置(document.documentElement.offsetHeight我假设) 但是如何获取鼠标相对于当前视口的位置,即document.documentElement.clientHeight 例如,如果浏览器窗口大小为720像素高,则向下滚动3页,将鼠标保持在窗口中间,位置应该是“360”,而不是1800(720×3~720/2)。 尝试使用事件。clin< 不管滚动< /p>,都应该返回正确的值。 用于获取相对于浏览器视口的坐标(

event.pageY
获取相对于整个文档高度的鼠标位置(
document.documentElement.offsetHeight
我假设)

但是如何获取鼠标相对于当前视口的位置,即
document.documentElement.clientHeight


例如,如果浏览器窗口大小为720像素高,则向下滚动3页,将鼠标保持在窗口中间,位置应该是“360”,而不是1800(720×3~720/2)。

尝试使用<代码>事件。clin< <代码>不管滚动< /p>,都应该返回正确的值。


用于获取相对于浏览器视口的坐标()。

我也遇到过类似的情况,我需要光标相对于视口的坐标(因为我的页面是可滚动的)

我在这里尝试了其他答案,它们似乎在屏幕滚动后就不起作用了(它们在不可滚动的页面上工作得很好)

在阅读了第页的一些文档后 我发现,在使用可滚动页面时,如果需要当前视口的X和Y坐标(即,即使滚动),最好使用
event.pageX

var pageX=MouseEvent.pageX


但这似乎与网页无关。我认为这与客户的监视器有关。因此,如果浏览器只占据屏幕的右半部分,并且有人在网页的左上角单击,那么它将返回与浏览器全屏且有人在相同位置单击不同的结果。