ServiceWorkerGlobalScope: contentdelete event
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental:This is anexperimental technology
Check theBrowser compatibility table carefully before using this in production.
Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.
Note: This feature is only available inService Workers.
Thecontentdelete event of theServiceWorkerGlobalScope interface is fired when an item is removed from the indexed content via the user agent.
This event is not cancelable and does not bubble.
Syntax
Use the event name in methods likeaddEventListener(), or set an event handler property.
addEventListener("contentdelete", (event) => { })oncontentdelete = (event) => { }Event type
AContentIndexEvent. Inherits fromEvent.
Event properties
In addition to the properties listed below, this interface inherits the properties of its parent interface,Event.
idRead onlyA string which identifies the deleted content index via it's
id.
Examples
The following example uses acontentdelete event handler to remove cached content related to the deleted index item.
self.addEventListener("contentdelete", (event) => { const deletion = caches .open("cache-name") .then((cache) => Promise.all([ cache.delete(`/icon/${event.id}`), cache.delete(`/content/${event.id}`), ]), ); event.waitUntil(deletion);});You can also set up the event handler using theoncontentdelete property:
self.oncontentdelete = (event) => { // …};Specifications
| Specification |
|---|
| Content Index # dom-serviceworkerglobalscope-oncontentdelete |