NotificationAction - 表示用户可以点击与通知进行交互的操作按钮

注意： 此特性在 Web Worker 中可用。

安全上下文
该功能仅在部分或所有支持的浏览器中的安全上下文（HTTPS）中可用。

NotificationAction 接口是 Notifications API 的接口，用于表示用户可以点击与通知进行交互的操作按钮。这些按钮的外观和特定功能因平台而异，但通常它们提供了一种在通知中向用户异步显示操作的方法。

属性

实例属性

这些属性仅在 Notification 对象的实例上可用。

NotificationAction.action 只读

动作的名称，类似于input 的名称，可用于识别单击的动作。

NotificationAction.title 只读

描述显示给用户的动作的字符串。

NotificationAction.icon 只读

没有足够的空间显示通知本身时，用于表示通知的图像的 URL。

实例

通知可以在 ServiceWorkerGlobalScope 上触发 notificationclick 事件。

此处，服务 worker 显示的通知包含了单个 “存档” 操作，允许用户从通知中执行此常见任务，而无需打开网站。用户也可以单击通知的主体来打开其收件箱。

self.registration.showNotification("来自 Alice 的新邮件", {
  actions: [
    {
      action: 'archive',
      title: '存档'
    }
  ]
});

self.addEventListener('notificationclick', function(event) {
  event.notification.close();
  if (event.action === 'archive') {
    // 单击了存档操作
    archiveEmail();
  } else {
    // 点击了通知的主体
    clients.openWindow('/inbox');
  }
}, false);

规范

规范 状态 备注
Notifications API 现行的标准 活跃的标准

桌面浏览器兼容性

暂无兼容数据

相关链接