diff options
Diffstat (limited to 'files/es/web')
-rw-r--r-- | files/es/web/api/notification/onclick/index.html | 61 | ||||
-rw-r--r-- | files/es/web/api/notification/onclick/index.md | 49 |
2 files changed, 49 insertions, 61 deletions
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 ---- -<p>{{APIRef("Web Notifications")}}</p> - -<p>La propiedad <code>onclick</code> 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.</p> - -<h2 id="Syntax" name="Syntax">Sintaxis</h2> - -<pre class="eval">Notification.onclick = function(event) { ... }; -</pre> - -<p>El comportamiento por defecto es mover el foco al viewport del <a href="https://html.spec.whatwg.org/multipage/browsers.html#browsing-context">sitio de contexto</a> de dicha notificación. Si no deseas este comportamiento, puedes llamar <code><a href="/en-US/docs/Web/API/Event/preventDefault">preventDefault()</a></code> en el objeto del evento.</p> - -<h2 id="Ejemplos">Ejemplos</h2> - -<p>En el siguiente ejemplo, utilizamos un manejador <code>onclick</code> para abrir un sitio web en una nueva pestaña (especificado con la inclusión del parámetro <code>'_blank'</code>) una vez que la notifación es cliqueada.</p> - -<pre class="brush: js">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'); -}</pre> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Web Notifications','#dom-notification-onclick','onclick')}}</td> - <td>{{Spec2('Web Notifications')}}</td> - <td>Living standard.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2> - -<p>{{Page("/en-US/docs/Web/API/Notification","Browser compatibility")}}</p> - -<h2 id="Mira_también">Mira también</h2> - -<ul> - <li>{{domxref("Notification")}}</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Usando la API de Notifications</a></li> -</ul> 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) |