Навигация: событие navigatesuccess
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментально: Это экспериментальная технология
Перед использованием в продакшене внимательно проверьте таблицу совместимости браузеров.
Событие navigatesuccess интерфейса Navigation срабатывает при завершении успешной навигации.
В случае перехваченной навигации это произойдет после выполнения всех промисов, возвращенных обработчиком intercept(). Промис NavigationTransition.finished также выполнится в это же время.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.
addEventListener("navigatesuccess", (event) => {});
onnavigatesuccess = (event) => {};
Тип события
Общее Event.
Примеры
Вы можете обработать успешную навигацию, скрыв ранее отображаемый индикатор прогресса, например так:
navigation.addEventListener("navigatesuccess", (event) => {
loadingIndicator.hidden = true;
});
Или вы можете отобразить сообщение об ошибке при неудаче:
navigation.addEventListener("navigateerror", (event) => {
loadingIndicator.hidden = true; // also hide indicator
showMessage(`Failed to load page: ${event.message}`);
});
Спецификации
| Спецификация |
|---|
| HTML # event-navigatesuccess |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
navigatesuccess_event |
102 | 102 | Нет | 88 | Нет | 102 | Нет | 70 | Нет | 19.0 | 102 |
См. также
- Современное клиентское маршрутизирование: API навигации
- Описание API навигации
- Демонстрация API навигации Domenic Denicola
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Navigation/navigatesuccess_event