ServiceWorkerGlobalScope: backgroundfetchclick-Ereignis
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Hinweis: Diese Funktion ist nur in Service Workers verfügbar.
Das backgroundfetchclick-Ereignis der Schnittstelle ServiceWorkerGlobalScope wird ausgelöst, wenn der Benutzer auf das UI-Element klickt, das der Browser bereitstellt, um den Fortschritt eines Background-Fetch-Vorgangs anzuzeigen.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergereicht.
Syntax
Verwenden Sie den Ereignisnamen mit addEventListener():
addEventListener("backgroundfetchclick", (event) => { })
Alternativ können Sie den Event-Handler-Eigenschaft der Schnittstelle einen Wert zuweisen:
onbackgroundfetchclick = (event) => { }
Ereignistyp
Ein BackgroundFetchEvent.
Beschreibung
Wenn ein Background-Fetch-Vorgang beginnt, zeigt der Browser dem Benutzer ein UI-Element an, das den Fortschritt des Vorgangs angibt. Klickt der Benutzer auf dieses Element, startet der Browser bei Bedarf den Service Worker und löst das backgroundfetchclick-Ereignis im globalen Gültigkeitsbereich des Service Workers aus.
Eine typische Aufgabe des Event-Handlers besteht in diesem Fall darin, ein Fenster mit weiteren Details zum Abrufvorgang zu öffnen.
Beispiele
Ein Fenster mit weiteren Details öffnen
Dieser Event-Handler verwendet die globale Eigenschaft clients, um ein Fenster mit weiteren Details zum Abrufvorgang zu öffnen. Je nachdem, ob der Abruf abgeschlossen ist oder nicht, öffnet er ein anderes Fenster.
addEventListener("backgroundfetchclick", (event) => {
const registration = event.registration;
if (registration.result === "success") {
clients.openWindow("/play-movie");
} else {
clients.openWindow("/movie-download-progress");
}
});
Spezifikationen
| Spezifikation |
|---|
| Background Fetch # dom-serviceworkerglobalscope-onbackgroundfetchclick |