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 repräsentiert. 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 im 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 scrollsnapchanging oder scrollsnapchange-Ereignisses 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

Siehe auch