Навигация: событие currententrychange

Событие currententrychange интерфейса Navigation срабатывает при изменении Navigation.currentEntry.

Это событие будет срабатывать для:

• Навигации в пределах одного документа (например, back() или traverseTo()).

• Замен (т.е. вызов navigate() с history установленным на replace).

• Другие вызовы, изменяющие состояние записи (например, updateCurrentEntry() или 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);
});

• Современное клиентское маршрутизирование: API навигации
• Описание API навигации
• Демонстрация API навигации Domenic Denicola