From f6b1cbafd2d3f75ec9cb8dda49e052122defb9fb Mon Sep 17 00:00:00 2001 From: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com> Date: Mon, 7 Feb 2022 13:20:12 -0500 Subject: Content sync and updated to md | Notification.onClick [ES] (#4028) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * sync and updated to md * Apply suggestions from code review Co-authored-by: Juan Vásquez Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com> Co-authored-by: Juan Vásquez Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com> --- files/es/web/api/notification/onclick/index.html | 61 ------------------------ files/es/web/api/notification/onclick/index.md | 49 +++++++++++++++++++ 2 files changed, 49 insertions(+), 61 deletions(-) delete mode 100644 files/es/web/api/notification/onclick/index.html create mode 100644 files/es/web/api/notification/onclick/index.md diff --git a/files/es/web/api/notification/onclick/index.html b/files/es/web/api/notification/onclick/index.html deleted file mode 100644 index 211947a1b8..0000000000 --- a/files/es/web/api/notification/onclick/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: Notification.onclick -slug: Web/API/notification/onclick -tags: - - API - - DOM - - Notifications - - Propiedad - - Referencia - - onclick -translation_of: Web/API/Notification/onclick ---- -

{{APIRef("Web Notifications")}}

- -

La propiedad onclick de la interfaz {{domxref("Notification")}} especifica un event listener para recibir eventos {{event("click")}}. Estos eventos ocurren cuando el usuario hace un click sobre el {{domxref("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

- - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('Web Notifications','#dom-notification-onclick','onclick')}}{{Spec2('Web Notifications')}}Living standard.
- -

Compatibilidad de navegadores

- -

{{Page("/en-US/docs/Web/API/Notification","Browser compatibility")}}

- -

Mira también

- - diff --git a/files/es/web/api/notification/onclick/index.md b/files/es/web/api/notification/onclick/index.md new file mode 100644 index 0000000000..273a9115c0 --- /dev/null +++ b/files/es/web/api/notification/onclick/index.md @@ -0,0 +1,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) -- cgit v1.2.3-54-g00ecf