notificationclick

The notificationclick event is fired to indicate that a system notification spawned by ServiceWorkerRegistration.showNotification() has been clicked.

General info

Specification

Notifications API
The definition of 'onnotificationclick' in that specification.

Interface

NotificationEvent

Bubbles

No

Cancelable

No

Target

Service worker

Default Action

None

Properties

notification

Provides access to a Notification object representing the notification that was clicked to fire the event.

Examples

self.addEventListener('notificationclick', function(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(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('/');
  }));
});

See also

• Service Worker API
• Notifications API