From 52adea15e02b31ba8319afe36531482e468d0e78 Mon Sep 17 00:00:00 2001 From: "Sergio.valera" Date: Mon, 28 Feb 2022 19:59:25 -0600 Subject: Update and rename dragevent index.html. to index.md [es] (#4216) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 18. Update weakmap [ES] - [x] Change from HTML to MD - [x] Sync content Closes #4180 * Update files/es/web/javascript/reference/global_objects/weakmap/index.md Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com> * Apply suggestions from code review Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com> * Update and rename index.html. to index.md An update to remove the HTML tags y translate to a spanish wider vocabulary. Also i got doubts about how to deal with "Véase también" section. It isn't clear to me the sintaxis nor even if the pages exists in the spanish version. * Update files/es/web/api/dragevent/index.md Entiendo, dado que hay dos sugerencias en éste sentido, hago el commit para este cambio. Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com> * Add CR suggestions * Update files/es/web/api/dragevent/index.md Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com> * Delete index.md Delete for inconsistencies * Improve gramatical of the text Co-authored-by: Alexander * Add quotes around the object name. Co-authored-by: Alexander * Add CR obsevation to the document Co-authored-by: Juan Vasquez Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com> Co-authored-by: Alexander --- files/es/web/api/dragevent/index.html | 110 ---------------------------------- files/es/web/api/dragevent/index.md | 79 ++++++++++++++++++++++++ 2 files changed, 79 insertions(+), 110 deletions(-) delete mode 100644 files/es/web/api/dragevent/index.html create mode 100644 files/es/web/api/dragevent/index.md (limited to 'files/es') diff --git a/files/es/web/api/dragevent/index.html b/files/es/web/api/dragevent/index.html deleted file mode 100644 index 14e4922d44..0000000000 --- a/files/es/web/api/dragevent/index.html +++ /dev/null @@ -1,110 +0,0 @@ ---- -title: DragEvent -slug: Web/API/DragEvent -tags: - - API - - DragEvent - - Referencia - - arrastrar y soltar - - drag and drop -translation_of: Web/API/DragEvent ---- -
{{APIRef("HTML Drag and Drop API")}}
- -

La interfaz DragEvent es un {{domxref("Event","evento DOM")}} que representa una interacción de arrastrar y soltar. El usuario inicia un arrastre posicionando un dispositivo puntero (como un ratón) en la superficie táctil y luego arrastra el puntero a una nueva posición (como como elemento del DOM). Las aplicaciones son libres de interpretar una interacción de arrastrar y soltar en una manera específica a la aplicación.

- -

Esta interfaz hereda propiedades de {{domxref("MouseEvent")}} y {{domxref("Event")}}.

- -

Propiedades

- -
-
{{domxref('DragEvent.dataTransfer')}} {{readonlyInline}}
-
Los datos que son transferidos durante una interacción de arrastrar y soltar.
-
- -

Constructores

- -

A pesar que esta interfaz tiene un constructor, no es posible crear un objeto DataTransfer útil desde código, ya que los objetos {{domxref("DataTransfer")}} tienen un modelo de procesamiento y seguridad que está coordinado por el navegador durante el arrastrar y soltar.

- -
-
{{domxref("DragEvent.DragEvent", "DragEvent()")}}
-
Crea un DragEvent sintético y que no es de confianza.
-
- -

Tipos de eventos

- -
-
{{event('drag')}}
-
Este evento es lanzado cuando un elemento o selección de texto está siendo arrastrado.
-
{{event('dragend')}}
-
Este evento es lanzado cuando la operación de arrastrar está siendo terminada (liberando el botón del ratón o pulsando la tecla de escape).
-
{{event('dragenter')}}
-
Este evento es lanzado cuando un elemento arrastrado ingresa a un destino de liberación válido.
-
{{event('dragexit')}}
-
Este evento es lanzado cuando un elemento ya no es el destino de selección inmediato de la operación de arrastre.
-
{{event('dragleave')}}
-
Este evento es lanzado cuando el elemento arrastrado o selección de texto deja un destino de liberación válido.
-
{{event('dragover')}}
-
Este evento es lanzado continuamente cuando un elemento o selección de texto está siendo arrastrado y el puntero del ratón está sobre un destino de liberación válido (cada 50 ms CUANDO el ratón no se está moviendo SINO más rápido entre 5 ms (movimiento lento) y 1 ms (movimiento rápido) aproximadamente. Este patrón de disparo es diferente que {{Event("mouseover")}}).
-
{{event('dragstart')}}
-
Este evento es lanzado cuando el usuario empieza a arrastrar un elemento o selección de texto.
-
{{event('drop')}}
-
Este evento es lanzado cuando un elemento o selección de texto es soltado en un destino válido.
-
- -

GlobalEventHandlers

- -
-
{{domxref('GlobalEventHandlers.ondrag')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('drag')}}.
-
{{domxref('GlobalEventHandlers.ondragend')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('dragend')}}.
-
{{domxref('GlobalEventHandlers.ondragenter')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('dragenter')}}.
-
{{domxref('GlobalEventHandlers.ondragexit')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('dragexit')}}.
-
{{domxref('GlobalEventHandlers.ondragleave')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('dragleave')}}.
-
{{domxref('GlobalEventHandlers.ondragover')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('dragover')}}.
-
{{domxref('GlobalEventHandlers.ondragstart')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('dragstart')}}.
-
{{domxref('GlobalEventHandlers.ondrop')}}
-
Un {{domxref('GlobalEventHandlers','manejador de evento global')}} para el evento {{event('drop')}}.
-
- -

Ejemplo

- -

Un ejemplo para cada propiedad, constructor, tipo de evento, y manejador de evento global están incluidos en sus respectivas páginas de referencia.

- -

Especificaciones

- - - - - - - - - - - - - - - - - - - -
EspecificacionesEstadoComentario
{{SpecName("HTML WHATWG", "#dragevent", "DragEvent")}}{{Spec2("HTML WHATWG")}}
{{SpecName("HTML5.1", "editing.html#the-dragevent-interface", "DragEvent")}}{{Spec2("HTML5.1")}}Definición inicial
- -

Compatibilidad entre navegadores

- - - -

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

- -

Ver también

- -

{{page("/en-US/docs/Web/API/DataTransfer", "Ver también")}}

diff --git a/files/es/web/api/dragevent/index.md b/files/es/web/api/dragevent/index.md new file mode 100644 index 0000000000..1b53e16dba --- /dev/null +++ b/files/es/web/api/dragevent/index.md @@ -0,0 +1,79 @@ +--- +title: DragEvent +slug: Web/API/DragEvent +translation_of: Web/API/DragEvent +browser-compat: api.DragEvent +--- +{{APIRef("HTML Drag and Drop API")}} + +La interfaz **`DragEvent`** es un {{domxref("Event","DOM event")}} que representa una interacción de arrastrar y soltar. El usuario inicia el evento al posicionar el puntero sobre un elemento, seleccionándolo con el puntero y comenazado a arrasrrarlo a una nueva posición (Cambiando su ubicación en el DOM). Las aplicaciones tienen la libertad de interpretar esta interacción de una manera especifica en ella. + +Esta interfaz hereda propiedades de {{domxref("MouseEvent")}} y {{domxref("Event")}}. + +{{InheritanceDiagram}} + +## Propiedades + +- {{domxref('DragEvent.dataTransfer')}} {{readonlyInline}} + - : Los datos que son transferidos en un evento de arrastrar y soltar. + +## Constructores + +A pesar que esta interfaz tiene un constructor, no es posible crear un objeto `DataTransfer` útil desde código, ya que los objetos {{domxref("DataTransfer")}} tienen un modelo de procesamiento y seguridad que está coordinado por el navegador durante el arrastrar y soltar. + +- {{domxref("DragEvent.DragEvent", "DragEvent()")}} + - : Crea un evento de arrastrado sintético y no confiable. + +## Tipos de eventos + +- {{event('drag')}} + - : Este evento se activa al arrastrar un elemento o texto selecionado. +- {{event('dragend')}} + - : La acción que activa éste evento es cuando una operación de arrastrado concluye (al dejar de presionar el punto del mouse o presioando la tecla `Esc`). +- {{event('dragenter')}} + - : Este evento es activado cuando un elemento o texto selecionado y arrastrado entra a una área de soltado válida. +- {{event('dragleave')}} + - : Este evento se activa cuando un elemento o texto seleccionado sale de una área de soltado válida. +- {{event('dragover')}} + - : Este evento es activado continuamente cuando un elemento o texto selecionado es arrrastrado y el punterose pocisiona sobre una área de soltado válido (cada 50ms WHEN el puntero no se encuentra en movimiento, ELSE 5ms cuando el puntero se mueve lentamente y 1ms cuando el movimiento es rápido. Este patrón de activación es diferente de {{Event("mouseover")}} ). +- {{event('dragstart')}} + - : Este evento se activa cuando el usuario comienza a hacer un arrastre sobre un elemento o texto seleccionado. +- {{event('drop')}} + - : Este evento se activa cuando un elemento o texto selecionado es soltado en un área de soltado válida. + +## Administrador de eventos globales + +- {{domxref('GlobalEventHandlers.ondrag')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('drag')}}. +- {{domxref('GlobalEventHandlers.ondragend')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('dragend')}}. +- {{domxref('GlobalEventHandlers.ondragenter')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('dragenter')}}. +- {{domxref('GlobalEventHandlers.ondragleave')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('dragleave')}}. +- {{domxref('GlobalEventHandlers.ondragover')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('dragover')}}. +- {{domxref('GlobalEventHandlers.ondragstart')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('dragstart')}}. +- {{domxref('GlobalEventHandlers.ondrop')}} + - : Un {{domxref('GlobalEventHandlers','global event handler')}} para el evento {{event('drop')}}. + +## Ejemplo + +Ejemplos para cada propiedad, constructor, tipo de evento y manejadores de eventos globales son incluidos en su respectiva página de referencia. + +## Especificaciones + +{{Specifications}} + +## Compatibilidad + +{{Compat}} + +## Véase también + +- [Arrastrar y soltar](/es/docs/Web/API/HTML_Drag_and_Drop_API) +- [Operaciones de arrastre](/es/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations) +- [Tipos de arrastre recomendados](/es/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types) +- [Arrastrando y soltando múltiples elementos](/es/docs/Web/API/HTML_Drag_and_Drop_API/Multiple_items) +- [DataTransfer test - Paste or Drag](https://codepen.io/tech_query/pen/MqGgap) -- cgit v1.2.3-54-g00ecf