ViewTransition:updateCallbackDone 属性

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

ViewTransition 接口的 updateCallbackDone 只读属性是一个 Promise。当传递给 document.startViewTransition() 的回调函数返回的 Promise 兑现时,该 Promise 也会兑现,当回调函数返回的 Promise 被拒绝时,该 Promise 也会被拒绝。

当你不关心过渡动画的成功或失败,而只关心 DOM 是否更新以及何时更新时,updateCallbackDone 非常有用。

一个 promise。

示例

js
// 开始新的视图过渡
const transition = document.startViewTransition(() => displayNewImage());

transition.updateCallbackDone.then(() => {
  // 响应 DOM 更新成功
});

参见过渡作为增强功能以获取一个有用的示例。

规范

Specification
CSS View Transitions Module Level 1
# dom-viewtransition-updatecallbackdone

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
updateCallbackDone

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

参见