MouseEvent: movementY Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die schreibgeschützte movementY-Eigenschaft der MouseEvent-Schnittstelle liefert die Differenz in der Y-Koordinate der Maus (oder des Zeigers) zwischen dem gegebenen Bewegungsereignis und dem vorhergehenden Bewegungsereignis desselben Typs.
Mit anderen Worten, der Wert der Eigenschaft wird wie folgt berechnet: currentEvent.movementY = currentEvent.screenY - previousEvent.screenY.
Der Wert ist für alle anderen Ereignisse als mousemove, pointermove und pointerrawupdate null.
Warnung:
Browser verwenden unterschiedliche Einheiten für movementY und screenY als die, die die Spezifikation definiert.
Je nach Browser und Betriebssystem können die movementY-Einheiten ein physisches Pixel, ein logisches Pixel oder ein CSS-Pixel sein.
Sie sollten möglicherweise die Bewegungs-Eigenschaften vermeiden und stattdessen das Delta zwischen den aktuellen Client-Werten (screenX, screenY) und den vorherigen Client-Werten berechnen.
Wert
Eine Zahl.
Immer null bei jedem MouseEvent außer mousemove und bei jedem PointerEvent außer pointermove oder pointerrawevent.
Beispiele
Mausbewegung für mousemove-Ereignisse protokollieren
Dieses Beispiel protokolliert das Ausmaß der Mausbewegung unter Verwendung von movementX und movementY.
HTML
<p id="log">Move your mouse around inside this element.</p>
JavaScript
const log = document.getElementById("log");
function logMovement(event) {
log.innerText = `movement: ${event.movementX}, ${event.movementY}\n${log.innerText}`;
}
document.addEventListener("mousemove", logMovement);
Ergebnis
Spezifikationen
| Specification |
|---|
| Pointer Lock 2.0 # dom-mouseevent-movementy |