La propiedad onclick
de la interfaz Notification
especifica un event listener para recibir eventos click
. Estos eventos ocurren cuando el usuario hace un click sobre el Notification
mostrado.
Sintaxis
Notification.onclick = function(event) { ... };
El comportamiento por defecto es mover el foco al viewport del sitio de contexto de dicha notificaci贸n. Si no deseas este comportamiento, puedes llamar preventDefault()
en el objeto del evento.
Ejemplos
En el siguiente ejemplo, utilizamos un manejador onclick
para abrir un sitio web en una nueva pesta帽a (especificado con la inclusi贸n del par谩metro '_blank'
) una vez que la notifaci贸n es cliqueada.
notification.onclick = function(event) {
event.preventDefault(); // Previene al buscador de mover el foco a la pesta帽a del Notification
window.open('http://www.mozilla.org', '_blank');
}
Especificaciones
Specification | Status | Comment |
---|---|---|
Notifications API La definici贸n de 'onclick' en esta especificaci贸n. |
Living Standard | Living standard. |
Compatibilidad de navegadores
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.
Update compatibility data on GitHub
Desktop | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Basic support | Chrome
Full support
22
| Edge Full support Yes | Firefox
Full support
22
| IE No support No | Opera Full support 25 | Safari Full support 6 | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android
Full support
22
| Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android ? |
Available in workers | Chrome Full support 45 | Edge Full support Yes | Firefox Full support 41 | IE No support No | Opera Full support 32 | Safari ? | WebView Android No support No | Chrome Android Full support 45 | Edge Mobile Full support Yes | Firefox Android Full support 41 | Opera Android Full support 32 | Safari iOS No support No | Samsung Internet Android ? |
Secure contexts only | Chrome Full support 62 | Edge ? | Firefox ? | IE No support No | Opera Full support 49 | Safari ? | WebView Android No support No | Chrome Android Full support 62 | Edge Mobile ? | Firefox Android ? | Opera Android Full support 49 | Safari iOS No support No | Samsung Internet Android ? |
Notification() constructor | Chrome
Full support
22
| Edge Full support Yes | Firefox
Full support
22
| IE No support No | Opera Full support 25 | Safari Full support 6 | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android
Full support
22
| Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android ? |
actions | Chrome Full support 53 | Edge Full support 18 | Firefox No support No | IE No support No | Opera Full support 39 | Safari ? | WebView Android No support No | Chrome Android Full support 53 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 39 | Safari iOS No support No | Samsung Internet Android ? |
badge | Chrome Full support 53 | Edge Full support 18 | Firefox No support No | IE No support No | Opera Full support 39 | Safari ? | WebView Android No support No | Chrome Android Full support 53 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 39 | Safari iOS No support No | Samsung Internet Android ? |
body | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
data | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
dir | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
icon | Chrome
Full support
22
| Edge ? | Firefox
Full support
22
| IE No support No | Opera Full support 25 | Safari No support No | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android
Full support
22
| Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android ? |
image | Chrome Full support 53 | Edge Full support 18 | Firefox No support No | IE No support No | Opera Full support 40 | Safari ? | WebView Android No support No | Chrome Android Full support 53 | Edge Mobile ? | Firefox Android No support No | Opera Android Full support 40 | Safari iOS No support No | Samsung Internet Android ? |
lang | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
maxActions | Chrome Full support Yes | Edge Full support 18 | Firefox No support No | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android No support No | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
onclick | Chrome Full support Yes | Edge ? | Firefox No support No | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android No support No | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
onclose | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
onerror | Chrome Full support Yes | Edge ? | Firefox No support No | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android No support No | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
onshow | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
permission | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
renotify | Chrome Full support 50 | Edge No support No | Firefox No support No | IE No support No | Opera Full support 37 | Safari No support No | WebView Android No support No | Chrome Android Full support 50 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 37 | Safari iOS No support No | Samsung Internet Android ? |
requireInteraction | Chrome Full support Yes | Edge Full support 17 | Firefox No support No | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile No support No | Firefox Android No support No | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
silent | Chrome Full support 43 | Edge Full support 17 | Firefox No support No | IE No support No | Opera Full support 30 | Safari No support No | WebView Android No support No | Chrome Android Full support 43 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 30 | Safari iOS No support No | Samsung Internet Android ? |
tag | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
timestamp | Chrome Full support Yes | Edge Full support 17 | Firefox No support No | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile No support No | Firefox Android No support No | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
title | Chrome Full support Yes | Edge ? | Firefox No support No | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android No support No | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
vibrate | Chrome Full support 53 | Edge No support No | Firefox No support No | IE No support No | Opera Full support 39 | Safari ? | WebView Android No support No | Chrome Android Full support 53 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 39 | Safari iOS No support No | Samsung Internet Android ? |
close | Chrome Full support Yes | Edge ? | Firefox Full support Yes | IE No support No | Opera ? | Safari ? | WebView Android No support No | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS No support No | Samsung Internet Android ? |
requestPermission | Chrome Full support 46 | Edge ? | Firefox Full support 47 | IE No support No | Opera Full support 40 | Safari ? | WebView Android No support No | Chrome Android Full support 46 | Edge Mobile ? | Firefox Android Full support Yes | Opera Android Full support 40 | Safari iOS No support No | Samsung Internet Android ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- See implementation notes.
- See implementation notes.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.
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.