javascript - Event Listener for Web Notification - Stack Overflow

admin管理员组

文章数量:1344241

Is there a way to set an event listener for a desktop notification?

document.addEventListener("desktop notification", function(){
    // do something
});

I've looked through the MDN event reference, but the only event type for a notification seems to be only for alert().

Is there a way to set an event listener for a desktop notification?

document.addEventListener("desktop notification", function(){
    // do something
});

I've looked through the MDN event reference, but the only event type for a notification seems to be only for alert().

• javascript
• jquery
• web

Share Follow edited Jul 5, 2015 at 14:57 gauge asked Jul 5, 2015 at 14:54 gaugegauge 1,32333 gold badges1313 silver badges1717 bronze badges 1

• 2 A desktop notification event may be emitted from a browser, but it's listened to by the window manager of the OS. The browser itself is not notified about these events. – marekful Commented Jul 5, 2015 at 14:57

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

See https://github./jiahaog/nativefier project for working sample. Notice snippet (source from https://github./jiahaog/nativefier/blob/development/app/src/static/preload.js):

function setNotificationCallback(callback) {

    const OldNotify = window.Notification;
    const newNotify = (title, opt) => {
        callback(title, opt);
        return new OldNotify(title, opt);
    };
    newNotify.requestPermission = OldNotify.requestPermission.bind(OldNotify);
    Object.defineProperty(newNotify, 'permission', {
        get: () => {
            return OldNotify.permission;
        }
    });

    window.Notification = newNotify;
}

So, you replace window's Notification object with own object that act as a proxy with added behaviour (calling callback on creating new Notification).

Hope this helps

@marekful is right. Instead of placing global event listeners, you may consider placing a callback or even attach an event on the Notification object.

var noticeMe = new Notification(title, options); 
noticeMe.onshow = function() { console.log("easy!") };

A full list of supported events may be found here: https://developer.mozilla/en-US/docs/Web/API/Notification, Also here is an article I wrote a few months back about the Notification API

Take a look at

• Notification.onclick

  Notification.onclose

  Notification.onerror

  Notification.onshow

本文标签： javascriptEvent Listener for Web NotificationStack Overflow