导航：navigatesuccess 事件

可用性有限

此功能不是基线功能，因为它在一些最广泛使用的浏览器中不起作用。

实验性： 这是一个 实验性技术
在生产环境中使用之前，请仔细查看 浏览器兼容性表。

navigatesuccess 是 Navigation 接口的一个事件，当导航成功完成时触发。

在拦截导航的情况下，这将在您的 intercept() 处理程序返回的任何 Promise fulfilled 后发生。 NavigationTransition.finished Promise 也将在同一时间 fulfilled。

语法

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

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

onnavigatesuccess = (event) => {};

事件类型

一个通用的 Event。

示例

您可以通过隐藏先前显示的进度指示器来处理成功的导航，例如这样

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

或者您可以在失败时显示错误消息

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

规范

规范
HTML 标准
# event-navigatesuccess

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅