DragEvent

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

Propiedades

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

DragEvent() (en-US)
Crea un DragEvent sintético y que no es de confianza.

Tipos de eventos

drag (en-US)
Este evento es lanzado cuando un elemento o selección de texto está siendo arrastrado.
dragend (en-US)
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).
dragenter (en-US)
Este evento es lanzado cuando un elemento arrastrado ingresa a un destino de liberación válido.
dragexit
Este evento es lanzado cuando un elemento ya no es el destino de selección inmediato de la operación de arrastre.
dragleave (en-US)
Este evento es lanzado cuando el elemento arrastrado o selección de texto deja un destino de liberación válido.
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 mouseover (en-US)).
dragstart (en-US)
Este evento es lanzado cuando el usuario empieza a arrastrar un elemento o selección de texto.
drop (en-US)
Este evento es lanzado cuando un elemento o selección de texto es soltado en un destino válido.

GlobalEventHandlers

GlobalEventHandlers.ondrag (en-US)
Un manejador de evento global para el evento drag (en-US).
GlobalEventHandlers.ondragend (en-US)
Un manejador de evento global para el evento dragend (en-US).
GlobalEventHandlers.ondragenter (en-US)
Un manejador de evento global para el evento dragenter (en-US).
GlobalEventHandlers.ondragexit (en-US)
Un manejador de evento global para el evento dragexit.
GlobalEventHandlers.ondragleave (en-US)
Un manejador de evento global para el evento dragleave (en-US).
GlobalEventHandlers.ondragover (en-US)
Un manejador de evento global para el evento dragover.
GlobalEventHandlers.ondragstart (en-US)
Un manejador de evento global para el evento dragstart (en-US).
GlobalEventHandlers.ondrop (en-US)
Un manejador de evento global para el evento drop (en-US).

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

Especificaciones Estado Comentario
HTML Living Standard
La definición de 'DragEvent' en esta especificación.
Living Standard
HTML 5.1
La definición de 'DragEvent' en esta especificación.
Recommendation Definición inicial

Compatibilidad entre navegadores

BCD tables only load in the browser

Ver también

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