Навигация: событие navigateerror
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает во всех широко используемых браузерах.
Экспериментально: Это экспериментальная технология
Перед использованием в производстве тщательно проверьте таблицу совместимости с браузерами.
Событие navigateerror интерфейса Navigation срабатывает при неудачной навигации.
Например, если сеть недоступна, любой метод fetch(), вызванный для обработки навигации, завершится ошибкой, и эта ошибка будет передана в navigateerror.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.
addEventListener("navigateerror", (event) => {});
onnavigateerror = (event) => {};
Тип события
Объект ErrorEvent. Наследуется от 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-navigateerror |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
navigateerror_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/navigateerror_event