Element : propriété activeViewTransition
Disponibilité limitée
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Want more support for this feature? Tell us why.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La propriété en lecture seule activeViewTransition de l'interface Element retourne une instance de ViewTransition représentant la transition de vue actuellement active sur un élément. Elle fournit un moyen cohérent d'accéder à une transition de vue limitée à l'élément active sans avoir besoin d'enregistrer une référence pour plus tard.
Une transition de vue limitée à l'élément peut également être accédée par la valeur de retour de Element.startViewTransition().
Valeur
Une instance de ViewTransition ou null si l'élément n'a pas de transition de vue active.
Exemples
Utilisation simple
Cet exemple montre comment utiliser activeViewTransition pour obtenir une référence à une transition de vue en cours.
const monElement = document.querySelector(".mon-element");
// …
function gererVT() {
const vt = monElement.startViewTransition(() => {
changerQuelquechoseDuDOM();
});
}
// Retourne une référence à vt si la transition est toujours en cours
monElement.activeViewTransition;
Spécifications
| Spécification |
|---|
| CSS View Transitions Module Level 2 # dom-element-activeviewtransition |
Compatibilité des navigateurs
Voir aussi
- La méthode
Element.startViewTransition() - La propriété
Document.activeViewTransition - Utiliser les transitions de vue limitées à l'élément
- L'API View Transition
- L'interface
ViewTransition