DragEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

DragEvent(): Crea un evento de arrastrado sintético y no confiable.

Tipos de eventos

drag: Este evento se activa al arrastrar un elemento o texto selecionado.
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).
dragenter: Este evento es activado cuando un elemento o texto selecionado y arrastrado entra a una área de soltado válida.
dragleave: 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).
dragstart: Este evento se activa cuando el usuario comienza a hacer un arrastre sobre un elemento o texto seleccionado.
drop: 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: Un global event handler para el evento drag.
GlobalEventHandlers.ondragend: Un global event handler para el evento dragend.
GlobalEventHandlers.ondragenter: Un global event handler para el evento dragenter.
GlobalEventHandlers.ondragleave: Un global event handler para el evento dragleave.
GlobalEventHandlers.ondragover: Un global event handler para el evento dragover.
GlobalEventHandlers.ondragstart: Un global event handler para el evento dragstart.
GlobalEventHandlers.ondrop: Un global event handler para el evento 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

Specification
HTML Standard # the-dragevent-interface

Compatibilidad

BCD tables only load in the browser