导航:navigatesuccess 事件

可用性有限

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

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

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

在被拦截的导航情况下,这将在您的 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

浏览器兼容性

另见