此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Element:activeViewTransition 属性

有限可用

此特性不属于基线,因为它尚未在主流浏览器中得到支持。

Want more browser support for this feature? Tell us why.

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

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

浏览器兼容性

参见