PointerEvent: PointerEvent() Konstruktor
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.
* Some parts of this feature may have varying levels of support.
Der PointerEvent() Konstruktor erstellt eine neue synthetische und unzuverlässige PointerEvent-Objektinstanz.
Syntax
new PointerEvent(type)
new PointerEvent(type, options)
Parameter
type-
Ein String, der den Namen des Ereignisses repräsentiert (siehe PointerEvent-Ereignistypen).
optionsOptional-
Ein Objekt, das zusätzlich zu den in
MouseEvent()definierten Eigenschaften die folgenden Eigenschaften haben kann:pointerId-
Eine Zahl, die standardmäßig
0ist und den Wert der InstanzPointerEvent.pointerIdfestlegt. width-
Eine Zahl, die standardmäßig
1ist und den Wert der InstanzPointerEvent.widthfestlegt. height-
Eine Zahl, die standardmäßig
1ist und den Wert der InstanzPointerEvent.heightfestlegt. pressure-
Eine Zahl, die standardmäßig
0ist und den Wert der InstanzPointerEvent.pressurefestlegt. tangentialPressure-
Eine Zahl, die standardmäßig
0ist und den Wert der InstanzPointerEvent.tangentialPressurefestlegt. altitudeAngle-
Eine Zahl, die den Wert der Instanz
PointerEvent.altitudeAnglefestlegt. azimuthAngle-
Eine Zahl, die den Wert der Instanz
PointerEvent.azimuthAnglefestlegt. tiltX-
Eine Zahl, die den Wert der Instanz
PointerEvent.tiltXfestlegt. tiltY-
Eine Zahl, die den Wert der Instanz
PointerEvent.tiltYfestlegt. twist-
Eine Zahl, die standardmäßig
0ist und den Wert der InstanzPointerEvent.twistfestlegt. pointerType-
Ein String, der standardmäßig
""ist und den Wert der InstanzPointerEvent.pointerTypefestlegt. isPrimary-
Ein boolescher Wert, der standardmäßig
falseist und den Wert der InstanzPointerEvent.isPrimaryfestlegt.
Rückgabewert
Ein neues PointerEvent-Objekt.
Beispiele
const moveEvent = new PointerEvent("pointermove");
const downEvent = new PointerEvent("pointerdown", {
pointerId: 1,
bubbles: true,
cancelable: true,
pointerType: "touch",
width: 100,
height: 100,
isPrimary: true,
});
Spezifikationen
| Specification |
|---|
| Pointer Events> # dom-pointerevent-constructor> |
Browser-Kompatibilität
Loading…