Navigation：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.

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

Navigation 接口的 navigatesuccess 事件在导航成功完成后触发。

如果导航被拦截，则这将在你的 intercept() 处理器返回的任何 promise 都被兑现后发生。NavigationTransition.finished 的 promise 也将同时被兑现。

语法

在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理器属性。

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

onnavigatesuccess = (event) => {};

通用的 Event。

你可以通过隐藏先前显示的进度指示器来处理成功的导航，如下所示：

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

或者你可能会在失败时显示一条错误消息：

navigation.addEventListener("navigateerror", (event) => {
  loadingIndicator.hidden = true; // 也隐藏指示器
  showMessage(`无法加载页面：${event.message}`);
});

Specification
HTML # event-navigatesuccess

This page was last modified on ⁨2025年3月10日⁩ by MDN contributors.