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
<p id="log">Move your mouse around.</p>
JavaScript
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
Loading…