Element: pointermove Ereignis
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2020.
Das pointermove Ereignis wird ausgelöst, wenn sich die Koordinaten eines Zeigers ändern und der Zeiger nicht durch eine Browser-Touch-Action abgebrochen wurde. Es ist dem mousemove Ereignis sehr ähnlich, bietet jedoch mehr Funktionen.
Diese Ereignisse treten unabhängig davon auf, ob Zeigertasten gedrückt werden oder nicht. Sie können mit sehr hoher Häufigkeit ausgelöst werden, abhängig davon, wie schnell der Benutzer den Zeiger bewegt, wie schnell die Maschine ist, welche anderen Aufgaben und Prozesse ausgeführt werden usw.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Event-Handler-Eigenschaft.
addEventListener("pointermove", (event) => { })
onpointermove = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Ereigniseigenschaften
Diese Schnittstelle erbt Eigenschaften von MouseEvent und Event.
PointerEvent.altitudeAngleSchreibgeschützt Experimentell-
Stellt den Winkel zwischen einer Transducer- (einem Zeiger oder Stylus-) Achse und der X-Y-Ebene eines Geräteschirms dar.
PointerEvent.azimuthAngleSchreibgeschützt Experimentell-
Stellt den Winkel zwischen der Y-Z-Ebene und der Ebene dar, die sowohl die Transducer (einem Zeiger oder Stylus) Achse als auch die Y-Achse enthält.
PointerEvent.persistentDeviceIdSchreibgeschützt Experimentell-
Ein einzigartiger Bezeichner für das Zeigegerät, das das
PointerEventerzeugt. PointerEvent.pointerIdSchreibgeschützt-
Ein einzigartiger Bezeichner für den Zeiger, der das Ereignis verursacht.
PointerEvent.widthSchreibgeschützt-
Die Breite (Größe auf der X-Achse), in CSS-Pixeln, der Kontaktgeometrie des Zeigers.
PointerEvent.heightSchreibgeschützt-
Die Höhe (Größe auf der Y-Achse), in CSS-Pixeln, der Kontaktgeometrie des Zeigers.
PointerEvent.pressureSchreibgeschützt-
Der normierte Druck des Zeigereingangs im Bereich
0bis1, wobei0und1den minimalen und maximalen Druck darstellen, den die Hardware erkennen kann. PointerEvent.tangentialPressureSchreibgeschützt-
Der normierte tangentiale Druck des Zeigereingangs (auch bekannt als Barrel-Druck oder Zylinderstress) im Bereich von
-1bis1, wobei0die neutrale Position der Steuerung ist. PointerEvent.tiltXSchreibgeschützt-
Der Winkelebene (in Grad, im Bereich von
-90bis90) zwischen der Y–Z-Ebene und der Ebene, die sowohl die Zeigerachse (z.B. Stift-Stylus) als auch die Y-Achse enthält. PointerEvent.tiltYSchreibgeschützt-
Der Winkelebene (in Grad, im Bereich von
-90bis90) zwischen der X–Z-Ebene und der Ebene, die sowohl die Zeigerachse (z.B. Stift-Stylus) als auch die X-Achse enthält. PointerEvent.twistSchreibgeschützt-
Die Drehung im Uhrzeigersinn des Zeigers (z.B. Stift-Stylus) um seine Hauptachse in Grad, mit einem Wert im Bereich von
0bis359. PointerEvent.pointerTypeSchreibgeschützt-
Gibt den Gerätetyp an, der das Ereignis verursacht hat (Maus, Stift, Touch usw.).
PointerEvent.isPrimarySchreibgeschützt-
Gibt an, ob der Zeiger den primären Zeiger dieses Zeigertyps darstellt.
Verwendungshinweise
Das Ereignis, welches vom Typ PointerEvent ist, bietet alle Informationen, die Sie über die Interaktion des Benutzers mit dem Zeigegerät benötigen, einschließlich Position, Bewegungsdistanz, Tastenstatus und vieles mehr.
Beispiele
Um einen Handler für pointermove Ereignisse mit addEventListener() hinzuzufügen:
const para = document.querySelector("p");
para.addEventListener("pointermove", (event) => {
console.log("Pointer moved");
});
Sie können auch die onpointermove Event-Handler-Eigenschaft verwenden:
const para = document.querySelector("p");
para.onpointermove = (event) => {
console.log("Pointer moved");
};
Spezifikationen
| Specification |
|---|
| Pointer Events # the-pointermove-event |
| Pointer Events # dom-globaleventhandlers-onpointermove |
Browser-Kompatibilität
Loading…