在此页

• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

notificationclick event is fired to indicate that a system notification spawned by ServiceWorkerRegistration.showNotification() has been clicked.

冒泡	No
可取消	No
接口	NotificationEvent
Event handler	onnotificationclick

范例

可以使用 notificationclick event in an addEventListener 方法：

self.addEventListener('notificationclick', function(event) {
  console.log('On notification click: ', event.notification.tag);
  event.notification.close();
  // This looks to see if the current is already open and
  // focuses if it is
  event.waitUntil(clients.matchAll({
    type: "window"
  }).then(function(clientList) {
    for (var i = 0; i < clientList.length; i++) {
      var client = clientList[i];
      if (client.url == '/' && 'focus' in client)
        return client.focus();
    }
    if (clients.openWindow)
      return clients.openWindow('/');
  }));
});
					

或使用 onnotificationclick 事件处理程序特性：

self.onnotificationclick = function(event) {
  console.log('On notification click: ', event.notification.tag);
  event.notification.close();
  // This looks to see if the current is already open and
  // focuses if it is
  event.waitUntil(clients.matchAll({
    type: "window"
  }).then(function(clientList) {
    for (var i = 0; i < clientList.length; i++) {
      var client = clientList[i];
      if (client.url == '/' && 'focus' in client)
        return client.focus();
    }
    if (clients.openWindow)
      return clients.openWindow('/');
  }));
};
					

规范

规范	状态
Notifications API The definition of 'onnotificationclick' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
notificationclick event	Chrome 40	Edge ≤79	Firefox 44 44 Extended Support Releases (ESR) before Firefox 78 ESR do not support service workers and the Push API.	IE No	Opera 24	Safari 11.1	WebView Android No	Chrome Android 40	Firefox Android 44	Opera Android 27	Safari iOS 11.3	Samsung Internet Android 4.0

图例

完整支持

完整支持

不支持

不支持

见实现注意事项。

另请参阅

• 服务工作者 API
• Notifications API

元数据

• 最后修改： 2020 年 3 月 9 日

相关话题

1. ServiceWorkerGlobalScope
2. 特性

   1. caches
   2. clients
   3. onactivate
   4. onfetch
   5. oninstall
   6. onmessage
   7. onnotificationclick
   8. onnotificationclose
   9. onpush
   10. onpushsubscriptionchange
   11. registration
3. 方法

   1. skipWaiting()
4. 事件

   1. message
   2. notificationclick
5. 继承：

   1. WorkerGlobalScope
   2. EventTarget