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 # dom-notification-onclick |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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.
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.