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 Eigenschaft movementY
des MouseEvent
-Interfaces liefert die Differenz in der Y-Koordinate des Mauszeigers zwischen dem gegebenen Ereignis und dem vorherigen mousemove
-Ereignis. Mit anderen Worten wird der Wert der Eigenschaft folgendermaßen berechnet: currentEvent.movementY = currentEvent.screenY - previousEvent.screenY
.
Warnung:
Browser verwenden unterschiedliche Einheiten für movementY
und screenY
als die, die die Spezifikation definiert. Abhängig vom Browser und Betriebssystem können die movementY
-Einheiten ein physisches Pixel, ein logisches Pixel oder ein CSS-Pixel sein. Möglicherweise möchten Sie die Bewegungseigenschaften 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
.
Beispiele
Dieses Beispiel protokolliert die Menge der Mausbewegung unter Verwendung von movementX
und movementY
.
HTML
<p id="log">Move your mouse around.</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> |
Browser-Kompatibilität
Loading…