导航：navigateerror 事件
Navigation 接口的 navigateerror 事件在导航失败时触发。
例如，如果网络中断，用于处理导航的任何 fetch() 方法都会失败，错误将路由到 navigateerror。
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
js
addEventListener("navigateerror", (event) => { })
onnavigateerror = (event) => { }
事件类型
一个 ErrorEvent。继承自 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-navigateerror |
浏览器兼容性
加载中…