Navigation:currententrychange 事件

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

Navigation 接口的 currententrychange 事件在 Navigation.currentEntry 发生更改时触发。

此事件将会在如下情况发生时触发:

同文档导航(例如 back() 或 traverseTo())。
替换(即 navigate() 调用,并将 history 参数设置为 replace)。
更改条目状态的其他调用(例如 updateCurrentEntry(),或 History API 的 History.replaceState())。

此事件在导航提交后触发,这意味着可见 URL 已更改且 NavigationHistoryEntry 已更新。它对于从使用较旧的 API 功能(如 hashchange 事件或 popstate 事件)进行迁移非常有用。

语法

在类似 addEventListener() 这样的方法中使用事件名称,或者设置事件处理器属性。

addEventListener("currententrychange", (event) => {});
oncurrententrychange = (event) => {};

导航数据上报:

navigation.addEventListener("currententrychange", () => {
 const data = navigation.currentEntry.getState();
 submitAnalyticsData(data.analytics);
});

设置每个条目事件:

navigation.addEventListener("currententrychange", () => {
 navigation.currentEntry.addEventListener("dispose", genericDisposeHandler);
});

Specification
HTML # event-currententrychange

This page was last modified on ⁨2024年11月21日⁩ by MDN contributors.