Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

MouseEvent: movementX-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die schreibgeschützte movementX-Eigenschaft des MouseEvent-Interfaces gibt die Differenz in der X-Koordinate des Mauszeigers zwischen dem gegebenen Ereignis und dem vorherigen mousemove-Ereignis an. Mit anderen Worten wird der Wert der Eigenschaft so berechnet: currentEvent.movementX = currentEvent.screenX - previousEvent.screenX.

Warnung: Browser verwenden unterschiedliche Einheiten für movementX und screenX als die von der Spezifikation definierten. Abhängig vom Browser und Betriebssystem können die movementX-Einheiten ein physischer Pixel, ein logischer Pixel oder ein CSS-Pixel sein. Es kann sinnvoll sein, die Bewegungseigenschaften zu vermeiden und stattdessen das Delta zwischen den aktuellen Client-Werten (screenX, screenY) und den vorherigen Client-Werten zu berechnen.

Wert

Eine Zahl. Immer null bei jedem MouseEvent außer mousemove.

Beispiele

Dieses Beispiel protokolliert die Menge der Mausbewegung mithilfe von movementX und movementY.

HTML

html
<p id="log">Move your mouse around.</p>

JavaScript

js
const log = document.getElementById("log");

function logMovement(event) {
  log.insertAdjacentHTML(
    "afterbegin",
    `movement: ${event.movementX}, ${event.movementY}<br>`,
  );
  while (log.childNodes.length > 128) log.lastChild.remove();
}

document.addEventListener("mousemove", logMovement);

Ergebnis

Spezifikationen

Specification
Pointer Lock 2.0
# dom-mouseevent-movementx

Browser-Kompatibilität

Siehe auch