Element:activeViewTransition 属性
有限可用
Element 接口的 activeViewTransition 只读属性返回一个 ViewTransition 实例,表示当前在元素上处于活动状态的视图过渡。它提供了一种一致的方式来访问活动的元素作用域视图过渡,无需保存其引用以供稍后使用。
元素作用域的 ViewTransition 也可通过 Element.startViewTransition() 的返回值访问。
值
一个 ViewTransition,若元素没有活动的视图过渡则为 null。
示例
>基本用法
此代码片段展示如何使用 activeViewTransition 获取正在进行的视图过渡的引用。
js
const myElement = document.querySelector(".my-element");
// …
function handleVT() {
const vt = myElement.startViewTransition(() => {
updateDOMSomehow();
});
}
// 若过渡仍在进行,则返回 vt 的引用
myElement.activeViewTransition;
规范
| 规范 |
|---|
| CSS View Transitions Module Level 2> # dom-element-activeviewtransition> |