NavigateEvent: canIntercept 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 Eigenschaft canIntercept des NavigateEvent Interfaces gibt true zurück, wenn die Navigation abgefangen und die URL umgeschrieben werden kann, andernfalls false.
Es gibt mehrere Regeln, wann eine Navigation abgefangen werden kann. Zum Beispiel:
- Sie können keine Cross-Origin-Navigationen abfangen.
- Sie können
httpoderhttpsURLs abfangen, wenn sich nur derpath,queryundfragmentAnteil der neuen URL von der aktuellen URL unterscheidet. - Sie können
fileURLs abfangen, wenn sich nur derqueryundfragmentAnteil der neuen URL unterscheidet. - Für andere URL-Typen können Sie die Navigation abfangen, wenn sich nur der
fragmentAnteil unterscheidet.
Siehe die Spezifikation für weitere Erklärungen dazu, wann ein Dokument seine URL umgeschrieben bekommen kann, einschließlich einer Tabelle mit Beispielen.
Wert
Ein Boolescher Wert—true, wenn die Navigation abgefangen werden kann, false, wenn nicht.
Beispiele
navigation.addEventListener("navigate", (event) => {
// Some navigations, e.g. cross-origin navigations, we
// cannot intercept. Let the browser handle those normally.
if (!event.canIntercept) {
return;
}
// Don't intercept fragment navigations or downloads.
if (event.hashChange || event.downloadRequest !== null) {
return;
}
event.intercept({
handler() {
if (event.formData) {
processFormDataAndUpdateUI(event.formData, event.signal);
} else {
doSinglePageAppNav(event.destination, event.signal);
}
},
});
});
Spezifikationen
| Specification |
|---|
| HTML> # dom-navigateevent-canintercept-dev> |
Browser-Kompatibilität
Loading…