NavigateEvent: свойство info
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментально: Это экспериментальная технология experimental technology
Перед использованием в рабочей среде тщательно проверьте таблицу совместимости браузеров.
Чтение только свойство info интерфейса NavigateEvent возвращает значение данных info, переданных начавшейся операцией навигации (например, Navigation.back() или Navigation.navigate()), или undefined, если данные info не были переданы.
Значение
Значение info, переданное начавшейся операцией навигации, или undefined, если оно не было передано.
Примеры
Один из примеров использования info — это вызов различных рендерингов одностраничного приложения в зависимости от того, как определенный маршрут был достигнут. Например, рассмотрим приложение фотогалереи, где вы можете получить доступ к одному и тому же URL-адресу фотографии и состоянию с помощью различных маршрутов. Вы можете использовать различную анимацию для отображения фотографии для каждого маршрута.
navigation.addEventListener("navigate", (event) => {
if (isPhotoNavigation(event)) {
event.intercept({
async handler() {
switch (event.info?.via) {
case "go-left": {
await animateLeft();
break;
}
case "go-right": {
await animateRight();
break;
}
case "gallery": {
await animateZoomFromThumbnail(event.info.thumbnail);
break;
}
}
// TODO: actually load the photo.
},
});
}
});
Спецификации
| Спецификация |
|---|
| HTML # dom-navigateevent-info-dev |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
info |
102 | 102 | Нет | 88 | Нет | 102 | Нет | 70 | Нет | 19.0 | 102 |
См. также
- Современное клиентское маршрутизирование: API навигации
- Объяснение API навигации
- Демонстрация API навигации Domenic Denicola
- Методы, позволяющие передавать информацию —
Navigation.back(),Navigation.forward(),Navigation.navigate(),Navigation.reload()иNavigation.traverseTo()
© 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/NavigateEvent/info