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, bevor Sie diese produktiv verwenden.
Die info
schreibgeschützte Eigenschaft der NavigateEvent
Schnittstelle gibt den info
-Datenwert zurück, der durch die auslösende Navigationsoperation (z.B. Navigation.back()
oder Navigation.navigate()
) übergeben wurde, oder undefined
, wenn keine info
Daten übergeben wurden.
Wert
Der info
-Wert, der durch die auslösende Navigationsoperation übergeben wurde, oder undefined
, wenn keiner übergeben wurde.
Beispiele
Ein Beispiel, wie info
verwendet werden könnte, ist, um verschiedene Single-Page-Navigationen abhängig davon auszulösen, wie eine bestimmte Route erreicht wurde. Zum Beispiel könnte in einer Fotogalerie-App die gleiche Foto-URL und der Zustand über verschiedene Routen erreichbar sein. Sie könnten für jede Route eine unterschiedliche Animation verwenden, um das Foto anzuzeigen.
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 Standard # dom-navigateevent-info-dev |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Moderne clientseitige Routings: die Navigation API
- Navigation API Erklärung
- Domenic Denicolas Navigation API Live-Demo
- Methoden, die es ermöglichen, Info zu übergeben —
Navigation.back()
,Navigation.forward()
,Navigation.navigate()
,Navigation.reload()
undNavigation.traverseTo()