Notification:click 事件

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

安全上下文: 此项功能仅在一些支持的浏览器安全上下文(HTTPS)中可用。

备注: 此特性在 Web Worker 中可用。

Notification 接口的 click 事件在用户点击显示的 Notification 时触发。

默认的事件行为是将焦点移动到与通知相关浏览上下文的视口上。如果你不想要默认行为,请在事件对象上调用 preventDefault() 方法。

语法

在类似 addEventListener() 这样的方法中使用事件名称,或者设置事件处理器属性。

js
addEventListener("click", (event) => {});

onclick = (event) => {};

事件类型

一个通用的 Event

示例

在下面这个例子中,我们使用 onclick 处理器来监听点击通知的事件,并在新标签页(通过包含一个参数 '_blank')打开一个新标签页:

js
notification.onclick = (event) => {
  event.preventDefault(); // 阻止浏览器聚焦于 Notification 的标签页
  window.open("https://www.mozilla.org", "_blank");
};

规范

Specification
Notifications API
# dom-notification-onclick

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
click event

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

参见