Spec-Zone.ru › Web APIs

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API