ServiceWorkerGlobalScope: contentdelete event
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The contentdelete
event of the ServiceWorkerGlobalScope
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 like addEventListener()
, or set an event handler property.
js
addEventListener("contentdelete", (event) => {});
oncontentdelete = (event) => {};
Event type
A ContentIndexEvent
. Inherits from Event
.
Event properties
Examples
The following example uses a contentdelete
event handler to remove cached content related to the deleted index item.
js
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 the oncontentdelete
property:
js
self.oncontentdelete = (event) => {
// ...
};
Specifications
Specification |
---|
Content Index # dom-serviceworkerglobalscope-oncontentdelete |
Browser compatibility
BCD tables only load in the browser