导航: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 |
浏览器兼容性
加载中…