Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : Notification.requestPermission()

Affiche un message à l'utilisateur de demande d'autorisation d'envoi de notifications

Syntaxe
Notification.requestPermission(Function resultat)

Compatible tous navigateurs

Description
requestPermission() affiche un message à l'utilisateur lui demandant si il accepte de recevoir les notifications du site en cours de consultation.
La fonction resultat() est appelée après la réponse de l'utilisateur. Elle reçoit en paramètre une chaîne qui vaut soit :
granted : Autorisation donnée
denied : Autorisation refusée
default : Autorisation pas encore traitée par l'utilisateur

Voici un exemple de demande d'autorisation des notifications (sous Chrome) :
Exemple script Notification.requestPermission() dans la référence du JavaScript par ToutJavaScript.com

Le navigateur retient le choix de l'utilisateur et n'affiche pas le message si l'utilisateur a déjà répondu.
Il est possible de connaitre le choix avec la propriété Notification.permission.

Comme pour la geolocation, le navigateur refusera l'appel si le domaine n'est pas en HTTPS.


Exemple 1 : Exemple de demande de permission de notification
Code source
<div class="btn radius btn-outline cursor-pointer" onclick="requestPermission()">Demandez l'autorisation de notification</div>

<script type="text/javascript">
function requestPermission() {
 console.log("Lancement de la demande");

 /* Vérifier que l'objet existe */
 if (typeof Notification === undefined) {
   console.log("Notification n'est pas connu");
   return false;
 }
 
 Notification.requestPermission(function(result) {
   console.log("Vous avez choisi "+result);
 });
}
</script>

Résultat
Demandez l'autorisation de notification
Emulation de la console
Explication
Cliquez sur le bouton pour lancer la demande.
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 25/04/2024 23:29:25 sur php 7 en 125.04 ms