This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Returns the string ID of the notification button the user clicked. This value returns undefined
if the user clicked the notification somewhere other than an action button, or the notification does not have a button. The notification id is set during the creation of the Notification via the actions array attribute and can't be modified unless the notification is replaced.
Returns
A DOMString
object.
Example
self.registration.showNotification("New articles available", { actions: [{action: "get", title: "Get now."}] }); self.addEventListener('notificationclick', function(event) { event.notification.close(); if (event.action === 'get') { synchronizeReader(); } else { clients.openWindow("/reader"); } }, false);
Specifications
Specification | Status | Comment |
---|---|---|
Notifications API The definition of 'action' in that specification. |
Living Standard | Living standard. |
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 48 | ?[1] | ? | ? | ? |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | No support | No support | ? | ? | ? | ? | ? | 48 |
[1] Service workers (and Push) have been disabled in the Firefox 45 and 52 Extended Support Releases (ESR.)