Element: activeViewTransition-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die schreibgeschützte activeViewTransition-Eigenschaft des Element-Interfaces gibt eine ViewTransition-Instanz zurück, die die aktuell aktive View-Transition auf einem Element darstellt. Sie bietet eine konsistente Methode, um auf eine aktive element-spezifische View-Transition zuzugreifen, ohne dass die Notwendigkeit besteht, sich eine Referenz für später zu speichern.
Eine element-spezifische ViewTransition kann auch über den Rückgabewert von Element.startViewTransition() abgerufen werden.
Wert
Ein ViewTransition oder null, wenn das Element keine aktive View-Transition hat.
Beispiele
Grundlegende Nutzung
Dieses Beispiel zeigt, wie activeViewTransition verwendet wird, um eine Referenz zu einer laufenden View-Transition abzurufen.
const myElement = document.querySelector(".my-element");
// ...
function handleVT() {
const vt = myElement.startViewTransition(() => {
updateDOMSomehow();
});
}
// Returns a reference to vt if the transition is still ongoing
myElement.activeViewTransition;
Spezifikationen
| Spezifikation |
|---|
| CSS View Transitions Module Level 2 # dom-element-activeviewtransition |