Notification: click イベント

Limited availability

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

メモ: この機能はウェブワーカー内で利用可能です。

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

click は Notification インターフェイスのイベントで、ユーザーが表示されている Notification をクリックしたときに発生します。

既定の動作は、この通知に関連した閲覧コンテキストへフォーカスを移動することです。この動作をさせたくない場合は、イベントオブジェクトの preventDefault() を呼び出してください。

構文

このイベント名を addEventListener() のようなメソッドで使うか、イベントハンドラープロパティを設定するかしてください。

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

onclick = (event) => {};

イベント型

一般的な Event です。

例

以下の例では、 onclick ハンドラーを使用して、通知がクリックされたときにウェブページを新しいタブで開くようにしています（'_blank' 引数を含めることで指定）。

js
notification.onclick = (event) => {
  event.preventDefault(); // prevent the browser from focusing the Notification's tab
  window.open("https://www.mozilla.org", "_blank");
};

仕様書

Specification
Notifications API Standard
# dom-notification-onclick

ブラウザーの互換性

BCD tables only load in the browser

関連情報