Navigation: sự kiện navigatesuccess

Baseline 2026
Newly available

Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Sự kiện navigatesuccess của giao diện Navigation được phát ra khi một điều hướng thành công đã hoàn tất.

Trong trường hợp điều hướng bị chặn, điều này sẽ xảy ra sau khi tất cả các promise được trả về bởi trình xử lý intercept() của bạn đều được thực hiện. Promise NavigationTransition.finished cũng sẽ được thực hiện cùng lúc.

Cú pháp

Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt một thuộc tính trình xử lý sự kiện.

js
addEventListener("navigatesuccess", (event) => { })

onnavigatesuccess = (event) => { }

Loại sự kiện

Một Event chung.

Ví dụ

Bạn có thể xử lý điều hướng thành công bằng cách ẩn chỉ báo tiến trình đã được hiển thị trước đó, như sau:

js
navigation.addEventListener("navigatesuccess", (event) => {
  loadingIndicator.hidden = true;
});

Hoặc bạn có thể hiển thị thông báo lỗi khi thất bại:

js
navigation.addEventListener("navigateerror", (event) => {
  loadingIndicator.hidden = true; // also hide indicator
  showMessage(`Failed to load page: ${event.message}`);
});

Thông số kỹ thuật

Thông số kỹ thuật
HTML
# event-navigatesuccess

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

Xem thêm