From 50dadf4dc9d8b60c1a674424e407229b6a68685d Mon Sep 17 00:00:00 2001 From: Diego Date: Wed, 16 Feb 2022 08:53:20 -0600 Subject: Agregando nuevo customevent (#3986) * Change from HTML to MD * Sync content Co-authored-by: Alexander Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com> Co-authored-by: Carolyn Wu <87150472+cw118@users.noreply.github.com> Co-authored-by: Juan Vasquez --- files/es/web/api/customevent/index.html | 94 --------------------------------- files/es/web/api/customevent/index.md | 45 ++++++++++++++++ 2 files changed, 45 insertions(+), 94 deletions(-) delete mode 100644 files/es/web/api/customevent/index.html create mode 100644 files/es/web/api/customevent/index.md (limited to 'files/es') diff --git a/files/es/web/api/customevent/index.html b/files/es/web/api/customevent/index.html deleted file mode 100644 index b189c77f66..0000000000 --- a/files/es/web/api/customevent/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: CustomEvent -slug: Web/API/CustomEvent -tags: - - API - - DOM - - Interfaz - - Referencia -translation_of: Web/API/CustomEvent ---- -

{{APIRef("DOM")}}La interfaz CustomEvent  representa eventos inicializados por una aplicación para cualquier propósito.

- -

{{AvailableInWorkers}}

- -

Constructor

- -
-
{{domxref("CustomEvent.CustomEvent", "CustomEvent()")}}
-
-

Crea un CustomEvent.

-
-
- -

Propiedades

- -
-
{{domxref("CustomEvent.detail")}} {{readonlyinline}}
-
Cualquier dato transmitido al inicializar el evento.
-
- -

Esta interfaz hereda las propiedades de su padre, {{domxref("Event")}}:

- -

{{Page("/es/docs/Web/API/Event", "Propiedades")}}

- -

Métodos

- -
-
{{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}}
-
-

Inicializar un objeto CustomEvent. Si el evento ya ha sido enviado, este método no hace nada.

-
-
- -

Esta interfaz hereda los métodos de su padre, {{domxref("Event")}}:

- -

{{Page("/es/docs/Web/API/Event", "Métodos")}}

- -

Especificaciones

- - - - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('DOM WHATWG','#interface-customevent','CustomEvent')}}{{Spec2('DOM WHATWG')}}Definición inicial.
- -

Compatibilidad con navegadores

- - - -

{{Compat("api.CustomEvent")}}

- -

Disparar desde código privilegiado a código no-privilegiado

- -

Al disparar un CustomEvent desde código privilegiado (una extensión) a un código no-privilegiado (una página web),  deben considerarse algunos problemas de seguridad. Firefox y otras aplicaciones Gecko restringen al objeto creado desde un contexto siendo directamente utilizado por otro, el cual automáticamente evitará los agujeros de seguridad, pero estas restricciones también pueden impedir que su código se ejecute como esperaba.

- -

Al crear un objeto CustomEvent, debes crear el objeto desde la misma ventana. El atributo detail de tu CustomEvent estará sujeto a las mismas restricciones. Los valores de String y Array serán legibles sin restricciones por el content, pero los objetos personalizados no lo harán. Al utilizar un objeto personalizado, necesitaras definir que atributos de ese objeto se pueden leer desde la secuencia de comandos de contenido usando  Components.utils.cloneInto().

- -
// doc es una referencia al contenido del documento
-function dispatchCustomEvent(doc) {
-  var eventDetail = Components.utils.cloneInto({foo: 'bar'}, doc.defaultView);
-  var myEvent = doc.defaultView.CustomEvent("mytype", eventDetail);
-  doc.dispatchEvent(myEvent);
-}
- -

Pero hay que tener en cuenta que exponer una función permitirá que el script content lo ejecute con privilegios de chrome, lo que puede abrir una vulnerabilidad de seguridad.

- -

Ver también

- - diff --git a/files/es/web/api/customevent/index.md b/files/es/web/api/customevent/index.md new file mode 100644 index 0000000000..542f28f986 --- /dev/null +++ b/files/es/web/api/customevent/index.md @@ -0,0 +1,45 @@ +--- +title: CustomEvent +slug: Web/API/CustomEvent +translation_of: Web/API/CustomEvent +browser-compat: api.CustomEvent +--- +{{APIRef("DOM")}} + +La interfaz **`CustomEvent`** representa eventos que son inicializados por una aplicación para cualquier propósito. + +{{AvailableInWorkers}} + +{{InheritanceDiagram}} + +## Constructor + +- {{domxref("CustomEvent.CustomEvent", "CustomEvent()")}} + - : Crea un nuevo `CustomEvent`. + +## Propiedades + +_Esta interfaz hereda las propiedades de su padre, {{domxref("Event")}}._ + +- {{domxref("CustomEvent.detail")}} {{readonlyinline}} + - : Devuelve cualquier dato pasado al inicializar el evento. + +## Métodos + +_Esta interfaz hereda las propiedades de su padre, {{domxref("Event")}}._ + +- {{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}} + - : Inicializa un objeto `CustomEvent`. Si el evento ya ha sido enviado, este método no hace nada. + +## Especificaciones + +{{Specifications}} + +## Compatibilidad del navegador + +{{Compat}} + +## Ver también + +- {{domxref("Window.postMessage()")}} +- [Creación y activación de eventos](/es/docs/Web/Events/Creating_and_triggering_events) -- cgit v1.2.3-54-g00ecf