Web/API/Notification/onclick

Note: This feature is available in Web Workers.

Secure contextThis feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The onclick property of the Notification interface specifies an event listener to receive click events. These events occur when the user clicks on a displayed Notification.

Syntax

Notification.onclick = function(event) { ... };

The default behavior is to move the focus to the viewport of the notification's related browsing context. If you don't want that behaviour, call preventDefault() on the event object.

Examples

In the following example, we use an onclick handler to open a webpage in a new tab (specified by the inclusion of the '_blank' parameter) once a notification is clicked:

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

Specifications

Specification	Status	Comment
Notifications APIThe definition of 'onclick' in that specification.	Living Standard	Living standard.

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`onclick`	Chrome Full support Yes	Edge Full support 14	Firefox Full support 22	IE No support No	Opera Full support Yes	Safari Full support Yes	WebView Android No support No	Chrome Android Full support Yes	Firefox Android No support No	Opera Android Full support Yes	Safari iOS No support No	Samsung Internet Android Full support Yes

Legend

Full support: Full support
No support: No support