ServiceWorkerGlobalScope.onnotificationclick

La propriété ServiceWorkerGlobalScope.onnotificationclick est un gestionnaire d'événements appelé chaque fois que l'événement notificationclick est envoyé sur l'objet ServiceWorkerGlobalScope, c'est-à-dire lorsqu'un utilisateur clique sur une notification affichée générée par ServiceWorkerRegistration.showNotification().

Les notifications créées sur le thread principal ou dans un worker qui ne sont pas des service worker utilisant le constructeur Notification() recevront à la place un événement click (en-US) sur l'objet Notification lui-même.

ServiceWorkerGlobalScope.onnotificationclick = function(NotificationEvent) { ... }
ServiceWorkerGlobalScope.onnotificationclick = (NotificationEvent) => { ... }

self.onnotificationclick = (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 (let i = 0; i < clientList.length; i++) {
          const client = clientList[i]
          if (client.url == '/' && 'focus' in client) return client.focus()
        }
        if (clients.openWindow) return clients.openWindow('/')
      })
  )
}