Document: thuộc tính activeViewTransition

Thuộc tính chỉ đọc activeViewTransition của giao diện Document trả về một instance ViewTransition đại diện cho view transition hiện đang hoạt động trên tài liệu.

ViewTransition hiện tại có thể được truy cập theo các cách khác:

  • Giá trị trả về của Document.startViewTransition() trong trường hợp view transition cùng tài liệu.
  • Thuộc tính viewTransition của các đối tượng sự kiện pagerevealpageswap trong trường hợp view transition xuyên tài liệu.

Tuy nhiên, thuộc tính activeViewTransition cung cấp một cách nhất quán để truy cập view transition đang hoạt động trong bất kỳ ngữ cảnh nào, mà không cần phải lo lắng về việc lưu nó để truy cập dễ dàng sau này.

Giá trị

Một ViewTransition hoặc null nếu không có view transition nào đang hoạt động.

Ví dụ

js
// Start a view transition
document.startViewTransition(() => {
  // Update the UI to reflect the new state
  updateUI();
});

// Check if a view transition is currently active
if (document.activeViewTransition) {
  console.log("A view transition is currently active");
}

// Respond to view transition finishing
document.activeViewTransition.finished.then(() => {
  console.log("View transition finished");
});

Đặc tả kỹ thuật

Thông số kỹ thuật
CSS View Transitions Module Level 2
# dom-document-activeviewtransition

Tương thích trình duyệt

Xem thêm