SnapEvent: SnapEvent() Konstruktor

Syntax

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 in der Blockrichtung beim Auftreten des Ereignisses gesnappt wurde, oder null, wenn das Scroll-Snapping nur in der Inline-Richtung erfolgt und daher kein Element in der Blockrichtung gesnappt wird.

snapTargetInline Optional

Gibt eine Referenz auf das Element zurück, zu dem in der Inline-Richtung beim Auftreten des Ereignisses gesnappt wurde, oder null, wenn das Scroll-Snapping nur in der Blockrichtung erfolgt und daher kein Element in der Inline-Richtung gesnappt wird.

Beispiele

Ein Entwickler würde diesen Konstruktor nicht manuell verwenden. Ein neues SnapEvent Objekt wird erstellt, wenn ein Handler als Ergebnis des Auftretens von scrollsnapchanging oder scrollsnapchange Ereignissen aufgerufen wird.

Zum Beispiel:

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

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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• scrollsnapchanging Ereignis
• scrollsnapchange Ereignis
• CSS Scroll Snap Modul
• Scroll Snap Events auf developer.chrome.com (2024)