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) => {};

事件类型

NavigationCurrentEntryChangeEvent。继承自 Event。

示例

导航数据上报：

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

设置每个条目事件：

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

规范

Specification
HTML Standard # event-currententrychange

浏览器兼容性

BCD tables only load in the browser

语法

事件类型

示例

规范

浏览器兼容性

参见