NotificationEvent - Web APIs | MDN
Constructor
NotificationEvent()-
Creates a new
NotificationEventobject.
Instance properties
Also inherits properties from its parent interface, ExtendableEvent.
NotificationEvent.notificationRead only-
Returns a
Notificationobject representing the notification that was clicked to fire the event. NotificationEvent.actionRead only-
Returns the string ID of the notification button the user clicked. This value returns an empty string if the user clicked the notification somewhere other than an action button, or the notification does not have a button.
Instance methods
Also inherits methods from its parent interface, ExtendableEvent.
Example
js
self.addEventListener("notificationclick", (event) => {
console.log(`On notification click: ${event.notification.tag}`);
event.notification.close();
// This looks to see if the current is already open and
// focuses if it is
event.waitUntil(
clients
.matchAll({
type: "window",
})
.then((clientList) => {
for (const client of clientList) {
if (client.url === "/" && "focus" in client) return client.focus();
}
if (clients.openWindow) return clients.openWindow("/");
}),
);
});
Specifications
| Specification |
|---|
| Notifications API # notificationevent |