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