ServiceWorkerGlobalScope: contentdelete event

The contentdelete event of the ServiceWorkerGlobalScope interface is fired when an item is removed from the indexed content via the user agent.

Examples

The following example uses a contentdelete event handler to remove cached content related to the deleted index item.

self.addEventListener('contentdelete', event => {
  event.waitUntil(
    caches.open('cache-name').then(cache => {
      return Promise.all([
        cache.delete(`/icon/${event.id}`),
        cache.delete(`/content/${event.id}`)
      ])
    })
  );
});

You can also set up the event handler using the ServiceWorkerGlobalScope.ondelete property:

self.oncontentdelete = (event) => {
  ...
};

Specifications

Browser compatibility

See also

• Content Index API
• An introductory article on the Content Index API
• An app which uses the Content Index API to list and remove 'save for later' content