JavaScript
API voor meldingen

Syntaxis

• Notification.requestPermission ( callback )
• Notification.requestPermission (). Then ( callback , rejectFunc )
• nieuwe melding ( titel , opties )
• notificatie .close ()

Opmerkingen

Toestemming vragen om meldingen te verzenden

We gebruiken Notification.requestPermission om de gebruiker te vragen of hij / zij meldingen van onze website wil ontvangen.

Notification.requestPermission(function() {
    if (Notification.permission === 'granted') {
        // user approved.
        // use of new Notification(...) syntax will now be successful
    } else if (Notification.permission === 'denied') {
        // user denied.
    } else { // Notification.permission === 'default'
        // user didn’t make a decision.
        // You can’t send notifications until they grant permission.
    }
});

Sinds Firefox 47 De .requestPermission methode kan ook een belofte retourneren wanneer de gebruiker .requestPermission met het verlenen van toestemming

Notification.requestPermission().then(function(permission) {
    if (!('permission' in Notification)) {
        Notification.permission = permission;
    }
    // you got permission !
    }, function(rejection) {
    // handle rejection here.
    }
);

Meldingen versturen

Nadat de gebruiker een verzoek om toestemming voor het verzenden van meldingen heeft goedgekeurd, kunnen we een eenvoudige melding met de tekst Hallo naar de gebruiker sturen:

new Notification('Hello', { body: 'Hello, world!', icon: 'url to an .ico image' });

Hiermee wordt een melding als volgt verzonden:

Hallo

Hallo Wereld!

Een melding sluiten

U kunt een melding sluiten met de methode .close() .

let notification = new Notification(title, options);
// do some work, then close the notification
notification.close()

U kunt de functie setTimeout gebruiken om de melding ergens in de toekomst automatisch te sluiten.

let notification = new Notification(title, options);
setTimeout(() => {
    notification.close()
}, 4000);

De bovenstaande code geeft een melding en sluit deze na 4 seconden.

Meldingsgebeurtenissen

De API-specificaties voor meldingen ondersteunen 2 gebeurtenissen die kunnen worden geactiveerd door een melding.

1. De click gebeurtenis.

Deze gebeurtenis wordt uitgevoerd wanneer u op de meldingsinstantie klikt (exclusief de afsluitende X en de configuratieknop Meldingen).

Voorbeeld:

notification.onclick = function(event) {
    console.debug("you click me and this is my event object: ", event);
}

2. The error event

De melding zal deze gebeurtenis activeren wanneer er iets mis is, zoals niet kunnen worden weergegeven

notification.onerror = function(event) {
    console.debug("There was an error: ", event);
}