NavigateEvent: info-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die schreibgeschützte info-Eigenschaft des
NavigateEvent-Interfaces gibt den info-Datenwert zurück, der von der auslösenden Navigationsoperation übergeben wurde (z. B. Navigation.back() oder Navigation.navigate()), oder undefined, wenn keine info-Daten übergeben wurden.
Wert
Der info-Wert, der von der auslösenden Navigationsoperation übergeben wurde, oder undefined, wenn keiner übergeben wurde.
Beispiele
Ein Beispiel, wie info verwendet werden könnte, ist das Auslösen verschiedener Single-Page-Navigationsdarstellungen, abhängig davon, wie eine bestimmte Route erreicht wurde. Beispielsweise könnte eine Foto-Galerie-App, die dieselbe Foto-URL und denselben Status über verschiedene Routen erreicht, für jede Route eine andere Animation zur Anzeige des Fotos verwenden.
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.
},
});
}
});
Spezifikationen
| Specification |
|---|
| HTML # dom-navigateevent-info-dev |
Browser-Kompatibilität
Loading…
Siehe auch
- Moderne clientseitige Routing: die Navigation API
- Navigation API-Erklärung
- Methoden, die das Übergeben von Informationen ermöglichen —
Navigation.back(),Navigation.forward(),Navigation.navigate(),Navigation.reload()undNavigation.traverseTo()