Wie bekomme ich die Mausposition relativ zum Fenster Viewport in Javascript?

Question

event.pageY bekommt man die Mausposition relativ zur gesamten Dokumentenhöhe (document.documentElement.offsetHeight nehme ich an).

Aber wie bekomme ich die Mausposition relativ zum aktuellen Ansichtsfenster, das document.documentElement.clientHeight ist?

Zum Beispiel, wenn das Browserfenster eine Größe von 720 Pixel hat, scrolle ich 3 Seiten nach unten und halte die Maus in der Mitte des Fensters, die Position sollte "360" sein, nicht 1800 (720 x 3 - 720)/2).

Answer 1

Try event.clientY verwenden, die immer den richtigen Wert unabhängig zurückgeben sollte

https://developer.mozilla.org/en-US/docs/DOM/event.clientY

Answer 2

Verwendung von Scrolling event.clientY die mouse position relativ zum Browser Ansichtsfenster (Compatibility table) zu erhalten.