DragEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨septiembre de 2020⁩.

La interfazDragEvent es unDOM 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 deMouseEvent yEvent.

Propiedades

DragEvent.dataTransferRead 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 objetoDataTransfer útil desde código, ya que los objetosDataTransfer 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 teclaEsc).
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 demouseover).
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.