Navigation：navigatesuccess 事件

基线 2026

语法

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

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

onnavigatesuccess = (event) => {};

通用的 Event。

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

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

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

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

规范
HTML # event-navigatesuccess

此页面最后更新于 2025年3月10日，由 MDN 贡献者更新。