[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/de/docs/Web/API/Element/pointermove_event [Back]  [Original]

Element: pointermove-Ereignis - Web-APIs | MDN

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

View in English Always switch to English

Element: pointermove-Ereignis

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2020 browserbergreifend verfgbar.

Das pointermove-Ereignis wird ausgelst, wenn ein Zeiger die Koordinaten ndert und der Zeiger nicht durch eine Browser-Touch-Aktion abgebrochen wurde. Es ist dem mousemove-Ereignis sehr hnlich, bietet jedoch mehr Funktionen.

Diese Ereignisse treten unabhngig davon auf, ob Zeigertasten gedrckt sind oder nicht. Sie knnen mit einer sehr hohen Rate ausgelst werden, abhngig davon, wie schnell der Benutzer den Zeiger bewegt, wie schnell die Maschine ist, welche anderen Aufgaben und Prozesse ablaufen usw.

In diesem Artikel

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandlereigenschaft.

js
addEventListener("pointermove", (event) => { })

onpointermove = (event) => { }

Ereignistyp

Ein PointerEvent. Erbt von Event.

Event UIEvent MouseEvent PointerEvent

Anwendungshinweise

Das Ereignis, das vom Typ PointerEvent ist, bietet alle Informationen, die Sie ber die Interaktion des Benutzers mit dem Zeigegert wissen mssen, einschlielich der Position, der Bewegungsdistanz, der Tastenstatus und vieles mehr.

Beispiele

Um einen Handler fr pointermove-Ereignisse mit addEventListener() hinzuzufgen:

js
const para = document.querySelector("p");

para.addEventListener("pointermove", (event) => {
  console.log("Pointer moved");
});

Sie knnen auch die onpointermove-Ereignishandlereigenschaft verwenden:

js
const para = document.querySelector("p");

para.onpointermove = (event) => {
  console.log("Pointer moved");
};

Spezifikationen

Spezifikation
Pointer Events
# the-pointermove-event
Pointer Events
# dom-globaleventhandlers-onpointermove

Browser-Kompatibilitt

Siehe auch


Web Proxy Viewer  |  New URL  |  Original Page