W3cubDocs

/Web APIs

BackgroundFetchEvent

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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.

Event ExtendableEvent BackgroundFetchEvent

Constructor

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.

Instance properties

Inherits properties from its ancestor, Event.

BackgroundFetchEvent.registration Read only Experimental

Returns the BackgroundFetchRegistration that the event was initialized to.

Event handlers

None.

Instance methods

None.

Examples

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.

js

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

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
BackgroundFetchEvent 74 79 No No 62 No No 74 No 53 No 11.0
BackgroundFetchEvent 74 79 No No 62 No No 74 No 53 No 11.0
registration 74 79 No No 62 No No 74 No 53 No 11.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/BackgroundFetchEvent