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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SnapEvent() constructor
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.

Siehe auch