Notification.onclick

La propriété onclick de l'interface Notification définit un auditeur qui capte l'événement click. Ces événements sont déclenchés lorsque l'utilisateur clique sur une Notification affichée.

Syntaxe

Notification.onclick = function(event) { ... };

Le comportement par défaut est de déplacer le focus sur la fenêtre relative au contexte de navigation de la notification. Si vous ne souhaitez pas ce comportement, appelez preventDefault() sur l'objet événement.

Exemples

Dans l'exemple suivant, nous utilisons l'handler onclick pour ouvrir une page web dans un nouvel onglet (spécifié par la mention du paramètre '_blank') quand une notification est cliquée :

notification.onclick = function(event) {
  event.preventDefault(); // empêche le navigateur de donner le focus à l'onglet relatif à la notification
  window.open('https://www.mozilla.org', '_blank');
}

Spécifications

Compatibilité des navigateurs

Gecko notes

• Prior to Firefox 22 (Firefox OS <1.2), the instantiation of a new notification must be done with the navigator.mozNotification object through its createNotification method.
• Prior to Firefox 22 (Firefox OS <1.2), the Notification was displayed when calling the show method and was supporting the click and close events only.
• Nick Desaulniers has written a Notification shim to cover both newer and older implementations.
• One particular Firefox OS issue is that you can pass a path to an icon to use in the notification, but if the app is packaged you cannot use a relative path like /my_icon.png. You also can't use navigator.location.origin + "/my_icon.png" because navigator.location.origin is null in packaged apps. The manifest origin field fixes this, but it is only available in Firefox OS 1.1+. A potential solution for supporting Firefox OS <1.1 is to pass an absolute URL to an externally hosted version of the icon. This is less than ideal as the notification is displayed immediately with the icon missing, then the icon is fetched, but it works on all versions of Firefox OS.

Chrome notes

• Prior to Chrome 22, the support for notification was following an old prefixed version of the specification and was using the navigator.webkitNotifications object to instantiate a new notification.
• Prior to Chrome 32, Notification.permission was not supported.

Safari notes

• Safari started supporting notification with Safari 6 but only on Mac OSX 10.8+ (Mountain Lion).

See also

• Notification
• Using the Notifications API