Element: pointerout 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 pointerout Ereignis wird aus mehreren Gründen ausgelöst, einschließlich: das Zeigegerät wird aus den hit test-Grenzen eines Elements bewegt; das Auslösen des pointerup Ereignisses für ein Gerät, das kein Hover unterstützt (siehe pointerup); nach dem Auslösen des pointercancel Ereignisses (siehe pointercancel); wenn ein Stift-Stylus den vom Digitizer erkennbaren Hover-Bereich verlässt.

pointerout Ereignisse haben die gleichen Probleme wie mouseout. Wenn das Ziel-Element untergeordnete Elemente hat, werden pointerout und pointerover Ereignisse ausgelöst, wenn sich der Zeiger über die Grenzen dieser Elemente bewegt, nicht nur über das Ziel-Element selbst. Normalerweise ist das Verhalten von pointerenter und pointerleave Ereignissen sinnvoller, da sie nicht durch das Bewegen in untergeordnete Elemente beeinflusst werden.

Syntax

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

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

onpointerout = (event) => { }

Ereignistyp

Ein PointerEvent. Erbt von Event.

Ereigniseigenschaften

Diese Schnittstelle erbt Eigenschaften von MouseEvent und Event.

PointerEvent.altitudeAngle Schreibgeschützt Experimentell: Repräsentiert den Winkel zwischen einer Transducer-Achse (einem Zeiger oder Stylus) und der X-Y-Ebene eines Gerätescreens.
PointerEvent.azimuthAngle Schreibgeschützt Experimentell: Repräsentiert den Winkel zwischen der Y-Z-Ebene und der Ebene, die sowohl die Transducer-Achse (einem Zeiger oder Stylus) als auch die Y-Achse enthält.
PointerEvent.persistentDeviceId Schreibgeschützt Experimentell: Ein einzigartiger Bezeichner für das Zeigegerät, das das PointerEvent generiert.
PointerEvent.pointerId Schreibgeschützt: Ein einzigartiger Bezeichner für den Zeiger, der das Ereignis verursacht.
PointerEvent.width Schreibgeschützt: Die Breite (Magnitude auf der X-Achse), in CSS-Pixeln, der Kontaktgeometrie des Zeigers.
PointerEvent.height Schreibgeschützt: Die Höhe (Magnitude auf der Y-Achse), in CSS-Pixeln, der Kontaktgeometrie des Zeigers.
PointerEvent.pressure Schreibgeschützt: Der normalisierte Druck des Zeigereingangs im Bereich von 0 bis 1, wobei 0 den minimalen und 1 den maximalen Druck repräsentiert, den die Hardware erkennen kann.
PointerEvent.tangentialPressure Schreibgeschützt: Der normalisierte tangentiale Druck des Zeigereingangs (auch bekannt als Barrel-Druck oder Zylinder-Spannung) im Bereich von -1 bis 1, wobei 0 die neutrale Position der Steuerung ist.
PointerEvent.tiltX Schreibgeschützt: Der Winkel (in Grad, im Bereich von -90 bis 90) zwischen der Y-Z-Ebene und der Ebene, die sowohl die Zeigerachse (z.B. Stift-Stylus) als auch die Y-Achse enthält.
PointerEvent.tiltY Schreibgeschützt: Der Winkel (in Grad, im Bereich von -90 bis 90) zwischen der X-Z-Ebene und der Ebene, die sowohl die Zeigerachse (z.B. Stift-Stylus) als auch die X-Achse enthält.
PointerEvent.twist Schreibgeschützt: Die Drehung im Uhrzeigersinn des Zeigers (z.B. Stift-Stylus) um seine Hauptachse in Grad, mit einem Wert im Bereich von 0 bis 359.
PointerEvent.pointerType Schreibgeschützt: Gibt den Gerätetyp an, der das Ereignis verursacht hat (Maus, Stift, Touch usw.).
PointerEvent.isPrimary Schreibgeschützt: 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 Ereignishandler-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

Siehe auch

Verwandte Ereignisse

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden