ViewTransitionTypeSet
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das ViewTransitionTypeSet-Interface der View Transition API ist ein set-ähnliches Objekt, das die Typen eines aktiven View-Transitions darstellt. Dies ermöglicht es, die Typen während einer Transition dynamisch abzufragen oder zu modifizieren.
Das ViewTransitionTypeSet-Objekt kann über die ViewTransition.types-Eigenschaft aufgerufen werden.
Die untenstehenden Eigenschaften- und Methodenlinks verweisen auf die JavaScript-Dokumentation des Set-Objekts.
Instanzeigenschaften
Set.prototype.size-
Gibt die Anzahl der Werte im Set zurück.
Instanzmethoden
Set.prototype.add-
Fügt den angegebenen Wert in dieses Set ein, falls er nicht bereits vorhanden ist.
Set.prototype.clear()-
Entfernt alle Werte aus dem Set.
Set.prototype.delete()-
Entfernt den angegebenen Wert aus diesem Set, falls er im Set vorhanden ist.
Set.prototype.entries()-
Gibt ein neues Iterator-Objekt zurück, das ein Array von
[value, value]für jedes Element im Set in Einfüge-Reihenfolge enthält. Set.prototype.forEach()-
Ruft eine Callback-Funktion einmal für jeden im Set vorhandenen Wert in Einfüge-Reihenfolge auf.
Set.prototype.has()-
Gibt einen Boolean zurück, der anzeigt, ob der angegebene Wert im Set existiert.
Set.prototype.keys()-
Ein Alias für
Set.prototype.values(). Set.prototype.values()-
Gibt ein neues Iterator-Objekt zurück, das die Werte für jedes Element im Set in Einfüge-Reihenfolge liefert.
Set.prototype[Symbol.iterator]()-
Gibt ein neues Iterator-Objekt zurück, das die Werte für jedes Element im Set in Einfüge-Reihenfolge liefert.
Beispiele
// Start a view transition
const vt = document.startViewTransition({
update: updateTheDOMSomehow,
types: ["slideLeft", "fadeOut", "flipVertical"],
});
// Add another type
vt.types.add("flipHorizontal");
// Delete a type
vt.types.delete("flipVertical");
// Return the number of types in the set
console.log(vt.types.size);
// Log each type to the console
vt.types.forEach((type) => console.log(type));
Spezifikationen
| Specification |
|---|
| CSS View Transitions Module Level 2 # viewtransitiontypeset |