The BackgroundFetchEvent interface of the Background Fetch API is the event type for background fetch events dispatched on the service worker global scope.

It is the event type passed to onbackgroundfetchabort and onbackgroundfetchclick.

BackgroundFetchEvent() Experimental

Creates a new BackgroundFetchEvent object. This constructor is not typically used, as the browser creates these objects itself and provides them to background fetch event callbacks.

Inherits properties from its ancestor, Event.

BackgroundFetchEvent.registration Read only Experimental

Returns the BackgroundFetchRegistration that the event was initialized to.

None.

None.

In this example, if the user clicks on the user interface displaying the download progress, a new window will open. The current BackgroundFetchRegistration is returned by calling event.registration.

addEventListener("backgroundfetchclick", (event) => {
  const bgFetch = event.registration;

  if (bgFetch.result === "success") {
    clients.openWindow("/latest-podcasts");
  } else {
    clients.openWindow("/download-progress");
  }
});