blob: 273a9115c08995f435832b97463345ed85587e22 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: Notification.onclick
slug: Web/API/Notification/onclick
tags:
- API
- DOM
- Notifications
- Propiedad
- Referencia
- onclick
translation_of: Web/API/Notification/onclick
browser-compat: api.Notification.onclick
---
{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
La propiedad `onclick` de la interfaz {{domxref("Notification")}} especifica un escuchador de eventos para recibir eventos {{event("click")}}. Estos eventos ocurren cuando el usuario hace click sobre el {{domxref("Notification")}} mostrado.
## Sintaxis
```js
Notification.onclick = function(event) { /* ... */ };
```
El comportamiento por defecto es mover el foco al viewport del [sitio de contexto](https://html.spec.whatwg.org/multipage/browsers.html#browsing-context) de dicha notificación. Si no deseas este comportamiento, puedes llamar {{domxref("Event/preventDefault",
"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.
```js
notification.onclick = function(event) {
event.preventDefault(); // Evita que el navegador enfoque la pestaña del Notification
window.open('http://www.mozilla.org', '_blank');
}
```
## Especificaciones
{{Specifications}}
## Browser compatibility
{{Compat}}
## Véase también
- {{domxref("Notification")}}
- [Usando la API de Notificaciones](/es/docs/Web/API/Notifications_API/Using_the_Notifications_API)
|
