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.

Propiedades

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