Notification.onclick

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

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('http://www.mozilla.org', '_blank');
}

Spécifications

Spécification Statut Commentaire
Notifications API
La définition de 'onclick' dans cette spécification.
Recommendation Living standard.

Compatibilité des navigateurs

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 5 webkit (see notes)
22
4.0 moz (see notes)
22
Pas de support ? 6 (see notes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 4.0 moz (see notes)
22
Pas de support ? ?

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

Safari notes

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

See also

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : matthieurambert
 Dernière mise à jour par : matthieurambert,