ServiceWorkerGlobalScope: backgroundfetchabort event

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("backgroundfetchabort", (event) => { })

onbackgroundfetchabort = (event) => { }

Event type

A BackgroundFetchEvent.

Event properties

Inherits properties from its parent, ExtendableEvent.

BackgroundFetchEvent.registration

Returns the BackgroundFetchRegistration for the aborted fetch.

Description

In the background fetch API, the browser shows a UI element to the user to indicate the progress of the operation. This element also enables the user to cancel the fetch. The app itself can also cancel the fetch by calling BackgroundFetchRegistration.abort().

If the fetch is canceled, the browser aborts the fetch, starts the service worker, if necessary, and fires the backgroundfetchabort event in the service worker's global scope.

In the handler for this event, the service worker can clean up any related data for the operation. It can also retrieve and store any successful responses (for example, using the Cache API). To access the response data, the service worker uses the event's registration property.

Examples

Cleaning up

This event handler might perform any cleanup of data associated with the aborted fetch.

addEventListener("backgroundfetchabort", (event) => {
  // clean up any related data
});

Specifications

Browser compatibility

See also

• Background Fetch API