DragEvent
=========

La interfaz **`DragEvent`** es un `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 `MouseEvent` y `Event`.

Event

UIEvent

MouseEvent

DragEventPropiedades
-----------

`DragEvent.dataTransfer` (en-US) Read only 

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 `DataTransfer` (en-US) tienen un modelo de procesamiento y seguridad que está coordinado por el navegador durante el arrastrar y soltar.

`DragEvent()` (en-US)

Crea un evento de arrastrado sintético y no confiable.

Tipos de eventos
----------------

`drag` (en-US)

Este evento se activa al arrastrar un elemento o texto selecionado.

`dragend` (en-US)

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`).

`dragenter` (en-US)

Este evento es activado cuando un elemento o texto selecionado y arrastrado entra a una área de soltado válida.

`dragleave` (en-US)

Este evento se activa cuando un elemento o texto seleccionado sale de una área de soltado válida.

`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 `mouseover` (en-US)).

`dragstart` (en-US)

Este evento se activa cuando el usuario comienza a hacer un arrastre sobre un elemento o texto seleccionado.

`drop` (en-US)

Este evento se activa cuando un elemento o texto selecionado es soltado en un área de soltado válida.

Administrador de eventos globales
---------------------------------

`GlobalEventHandlers.ondrag` (en-US)

Un `global event handler` para el evento `drag` (en-US).

`GlobalEventHandlers.ondragend` (en-US)

Un `global event handler` para el evento `dragend` (en-US).

`GlobalEventHandlers.ondragenter` (en-US)

Un `global event handler` para el evento `dragenter` (en-US).

`GlobalEventHandlers.ondragleave` (en-US)

Un `global event handler` para el evento `dragleave` (en-US).

`GlobalEventHandlers.ondragover` (en-US)

Un `global event handler` para el evento `dragover`.

`GlobalEventHandlers.ondragstart` (en-US)

Un `global event handler` para el evento `dragstart` (en-US).

`GlobalEventHandlers.ondrop` (en-US)

Un `global event handler` para el evento `drop` (en-US).

Ejemplo
-------

Ejemplos para cada propiedad, constructor, tipo de evento y manejadores de eventos globales son incluidos en su respectiva página de referencia.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-dragevent-interface |

Compatibilidad
--------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Véase también
-------------

* Arrastrar y soltar
* Operaciones de arrastre (en-US)
* Tipos de arrastre recomendados (en-US)
* Arrastrando y soltando múltiples elementos
* DataTransfer test - Paste or Drag