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
new SnapEvent(type, init)
Parameter
type
-
Ein String, der den Typ des Ereignisses darstellt. Für
scrollsnapchanging
Ereignisse ist diesscrollsnapchanging
. Fürscrollsnapchange
Ereignisse ist diesscrollsnapchange
. 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:
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
scrollsnapchanging
Ereignisscrollsnapchange
Ereignis- CSS scroll snap module
- Scroll Snap Events auf developer.chrome.com (2024)