NavigateEvent：info 属性
Baseline
2026
Newly available
Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
NavigateEvent 接口的 info 只读属性返回启动导航操作传递的 info 数据值（例如 Navigation.back() 或 Navigation.navigate()），如果没有传递 info 数据，则返回 undefined。
值
启动导航操作传递的 info 值，如果没有传递则为 undefined。
示例
info 的一个使用示例是，根据到达特定路线的方式触发不同的单页导航渲染。例如，考虑一个照片库应用，你可以通过各种路线到达相同的照片网址和状态。你可能希望使用不同的动画来显示每个路线的照片。
js
navigation.addEventListener("navigate", (event) => {
if (isPhotoNavigation(event)) {
event.intercept({
async handler() {
switch (event.info?.via) {
case "go-left": {
await animateLeft();
break;
}
case "go-right": {
await animateRight();
break;
}
case "gallery": {
await animateZoomFromThumbnail(event.info.thumbnail);
break;
}
}
// TODO：实际加载照片。
},
});
}
});
规范
| Specification |
|---|
| HTML # dom-navigateevent-info-dev |
浏览器兼容性
参见
- 现代客户端路由：导航 API
- 导航 API 说明
- Domenic Denicola 的导航 API 在线演示
- 允许传递信息的方法——
Navigation.back()、Navigation.forward()、Navigation.navigate()、Navigation.reload()和Navigation.traverseTo()