Note: This feature is available in Web Workers.
Secure context
This 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 API The definition of 'onclick' in that specification. |
Living Standard | Living standard. |
Browser compatibility
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.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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