SnapEvent: SnapEvent() Konstruktor

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Der SnapEvent() Konstruktor erstellt eine neue Instanz des SnapEvent Objekts.

Syntax

js
new SnapEvent(type, init)

Parameter

type

Ein String, der den Typ des Ereignisses darstellt. Für scrollsnapchanging Ereignisse ist dies scrollsnapchanging. Für scrollsnapchange Ereignisse ist dies scrollsnapchange.

init

Ein Objekt, das die folgenden Eigenschaften enthält:

snapTargetBlock Optional

Gibt eine Referenz auf das Element zurück, zu dem in der Block-Richtung gesprungen wurde, als das Ereignis ausgelöst wurde, oder null, wenn das Scroll-Snapping nur in der Inline-Richtung erfolgt, sodass kein Element in der Block-Richtung angesprungen wird.

snapTargetInline Optional

Gibt eine Referenz auf das Element zurück, zu dem in der Inline-Richtung gesprungen wurde, als das Ereignis ausgelöst wurde, oder null, wenn das Scroll-Snapping nur in der Block-Richtung erfolgt, sodass kein Element in der Inline-Richtung angesprungen wird.

Beispiele

Ein Entwickler würde diesen Konstruktor nicht manuell verwenden. Ein neues SnapEvent Objekt wird erstellt, wenn ein Handler als Ergebnis des Auslösens der scrollsnapchanging oder scrollsnapchange Ereignisse aufgerufen wird.

Zum Beispiel:

js
mainElem.addEventListener("scrollsnapchange", (event) => {
  // ...

  // Log a SnapEvent object instance to the console
  console.log(event);
});

Spezifikationen

Specification
CSS Scroll Snap Module Level 2
# dom-snapevent-snapevent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch