The notification
read-only property of the NotificationEvent
interface returns the instance of the Notification
that was clicked to fire the event. The Notification
provides read-only access to many properties that were set at the instantiation time of the Notification such as tag
and data
attributes that allow you to store information for defered use in the notificationclick
event.
Returns
A Notification
object.
Example
self.addEventListener('notificationclick', function(event) { console.log('On notification click'); // Data can be attached to the notification so that you // can process it in the notificationclick handler. console.log('Notification Tag:', event.notification.tag); console.log('Notification Data:', event.notification.data); 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(function(clientList) { for (var i = 0; i < clientList.length; i++) { var client = clientList[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openWindow) return clients.openWindow('/'); })); });
Specifications
Specification | Status | Comment |
---|---|---|
Notifications API The definition of 'notification' in that specification. |
Living Standard | Living standard. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
notification | Chrome Full support 42 | Edge Full support ≤18 | Firefox
Full support
44
| IE ? | Opera Full support 37 | Safari ? | WebView Android No support No | Chrome Android Full support 42 | Firefox Android Full support 44 | Opera Android Full support 37 | Safari iOS ? | Samsung Internet Android Full support 4.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- See implementation notes.