Element: pointerout Ereignis

Das pointerout Ereignis wird aus verschiedenen Gründen ausgelöst, einschließlich: Zeigegerät wird aus den hit test Grenzen eines Elements herausbewegt; Auslösen des pointerup Ereignisses für ein Gerät, das keine Hover-Funktion unterstützt (siehe pointerup); nach dem Auslösen des pointercancel Ereignisses (siehe pointercancel); wenn ein Stift die von der Anzeige erkennbare Schweberhöhung verlässt.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

addEventListener("pointerout", (event) => {});

onpointerout = (event) => {};

Ereignistyp

Ein PointerEvent. Erbt von Event.

Ereigniseigenschaften

Dieses Interface erbt Eigenschaften von MouseEvent und Event.

PointerEvent.altitudeAngle Nur lesbar Experimentell: Representiert den Winkel zwischen der Achse eines Überträgers (eines Zeigers oder Stifts) und der X-Y-Ebene eines Gerätebildschirms.
PointerEvent.azimuthAngle Nur lesbar Experimentell: Representiert den Winkel zwischen der Y-Z-Ebene und der Ebene, die sowohl den Überträger (einen Zeiger oder Stift) als auch die Y-Achse enthält.
PointerEvent.persistentDeviceId Nur lesbar Experimentell: Eine eindeutige Kennung für das Zeigegerät, das das PointerEvent erzeugt.
PointerEvent.pointerId Nur lesbar: Eine eindeutige Kennung für den Zeiger, der das Ereignis verursacht.
PointerEvent.width Nur lesbar: Die Breite (Magnitude auf der X-Achse), in CSS-Pixeln, der Kontaktgeometrie des Zeigers.
PointerEvent.height Nur lesbar: Die Höhe (Magnitude auf der Y-Achse), in CSS-Pixeln, der Kontaktgeometrie des Zeigers.
PointerEvent.pressure Nur lesbar: Der normalisierte Druck des Zeigereingangs im Bereich 0 bis 1, wobei 0 und 1 den minimalen und maximalen Druck darstellen, den die Hardware erkennen kann.
PointerEvent.tangentialPressure Nur lesbar: Der normalisierte tangentiale Druck des Zeigereingangs (auch bekannt als Barrel-Druck oder Zylinderstress) im Bereich -1 bis 1, wobei 0 die neutrale Position der Steuerung ist.
PointerEvent.tiltX Nur lesbar: Der Winkel in der Ebene (in Grad, im Bereich von -90 bis 90) zwischen der Y–Z-Ebene und der Ebene, die sowohl die Achse eines Zeigers (z.B. Stift) als auch die Y-Achse enthält.
PointerEvent.tiltY Nur lesbar: Der Winkel in der Ebene (in Grad, im Bereich von -90 bis 90) zwischen der X–Z-Ebene und der Ebene, die sowohl die Achse eines Zeigers (z.B. Stift) als auch die X-Achse enthält.
PointerEvent.twist Nur lesbar: Die Drehung des Zeigers (z.B. Stift) um seine Hauptachse im Uhrzeigersinn in Grad, mit einem Wert im Bereich 0 bis 359.
PointerEvent.pointerType Nur lesbar: Gibt den Gerätetyp an, der das Ereignis verursacht hat (Maus, Stift, Berührung usw.).
PointerEvent.isPrimary Nur lesbar: Gibt an, ob der Zeiger den primären Zeiger dieses Zeigertyps darstellt.

Beispiele

Verwendung von addEventListener():

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

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

Verwendung der onpointerout Ereignis-Handler-Eigenschaft:

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

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

Spezifikationen

Specification
Pointer Events # the-pointerout-event
Pointer Events # dom-globaleventhandlers-onpointerout

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Verwandte Ereignisse