DragEvent

This translation is incomplete. Please help translate this article from English

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 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()
Crea un DragEvent sintético y que no es de confianza.

Tipos de eventos

drag
Este evento es lanzado cuando un elemento o selección de texto está siendo arrastrado.
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).
dragenter
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
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).
dragstart
Este evento es lanzado cuando el usuario empieza a arrastrar un elemento o selección de texto.
drop
Este evento es lanzado cuando un elemento o selección de texto es soltado en un destino válido.

GlobalEventHandlers

GlobalEventHandlers.ondrag
Un manejador de evento global para el evento drag.
GlobalEventHandlers.ondragend
Un manejador de evento global para el evento dragend.
GlobalEventHandlers.ondragenter
Un manejador de evento global para el evento dragenter.
GlobalEventHandlers.ondragexit
Un manejador de evento global para el evento dragexit.
GlobalEventHandlers.ondragleave
Un manejador de evento global para el evento dragleave.
GlobalEventHandlers.ondragover
Un manejador de evento global para el evento dragover.
GlobalEventHandlers.ondragstart
Un manejador de evento global para el evento dragstart.
GlobalEventHandlers.ondrop
Un manejador de evento global para el evento 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

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
DragEventChrome Soporte completo 3Edge Soporte completo 12Firefox Soporte completo 3.5IE Soporte completo 10Opera Soporte completo 12Safari Soporte completo 3.1WebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo 4Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
DragEvent() constructorChrome Soporte completo 46Edge Soporte completo 12Firefox Soporte completo 3.5IE Soporte completo 10Opera Soporte completo 12Safari Soporte completo 3.1WebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo SiOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No
dataTransferChrome Soporte completo 46Edge Soporte completo 12Firefox Soporte completo 3.5IE Soporte completo 10Opera Soporte completo SiSafari Soporte completo 3.1WebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo SiOpera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte

Ver también