Arrastrar y soltar

Elementos bsicos de arrastrar y soltar

Cuando comienza una operacin de arrastre, se puede proporcionar una serie de datos:

• los datos que se van a arrastrar, que pueden ser de varios formatos diferentes. Por ejemplo, datos de texto que contienen una cadena de texto que se va a arrastrar. Para obtener ms informacin al respecto, consulta Datos de la operacin de arrastre .
• la imagen de confirmacin sobre la operacin de arrastre que aparece junto al puntero durante la operacin. Esta imagen puede personalizarse, sin embargo, la mayora de las veces, no se especifica y se genera una imagen por defecto basndose en el elemento donde se ha pulsado el ratn/mouse. Para obtener ms informacin acerca de estas imgenes, consulta Configurar la imagen de confirmacin sobre la operacin de descarga .
• efectos de arrastre que se permiten. Son posibles tres efectos: copy para indicar que los datos que se arrastran se copiarn desde su ubicacin actual a la ubicacin de destino, move para indicar que los datos que se arrastran sern movidos y link para indicar que se crear algn tipo de relacin o conexin entre la ubicacin actual y la ubicacin de destino. Durante la operacin, se pueden modificar los efectos de arrastre y especificar cules en concreto se permiten en determinadas ubicaciones. Si se permite, se puede realizar una operacin de colocacin en esa ubicacin. Consulta Efectos de arrastre para obtener ms detalles.

Mozilla y Firefox admiten una serie de caractersticas que no se encuentran en el modelo estndar de arrastrar y soltar. Estas te permiten arrastrar elementos mltiples y arrastrar datos que no son cadenas. Para obtener ms informacin, consulta Arrastrar y soltar mltiples elementos .

Para obtener una lista de tipos de datos comunes utilizados para arrastrar y soltar, consulta Tipos de operaciones de arrastre recomendados.

Est disponible una referencia rpida para los procedimientos recomendados en la operacin de arrastre de los siguientes tipos de elementos:

• Texto
• Enlaces
• HTML y XML
• Archivos
• Imgenes
• Nodos de documento

Consulta DataTransfer para tener una referencia al objeto DataTransfer.

Eventos de arrastre

Se utilizan una serie de eventos que se ejecutan durante las diversas etapas de la operacin de arrastre y colocacin. Ten en cuenta que se ejecutan slo los eventos de arrastre, los eventos del ratn/mouse como mousemove no se ejecutan durante una operacin de arrastre.

La propiedad dataTransfer de todos los eventos de arrastre contiene datos sobre la operacin de arrastre y colocacin.

dragstart

Se ejecuta sobre un elemento cuando se inicia una operacin de arrastre. El usuario est solicitando arrastrar el elemento al que dispara el evento dragstart. Durante este evento, un proceso de escucha ajustar cierto tipo de informacin como los datos de la operacin de arrastre y la imagen que se asocia con ella. Para obtener ms informacin al respecto, consulta Inicio de una operacin de arrastre .

dragenter

Se dispara cuando el ratn/mouse se mueve primero sobre un elemento, mientras est teniendo lugar una operacin de arrastre. Un proceso de escucha de este evento debe indicar si se permite una operacin de arrastre sobre esta ubicacin. Si no hay procesos de escucha o stos no realizan ninguna operacin, entonces no se permite, de manera predeterminada, una operacin de arrastre. Este es tambin el evento al que escuchar si deseas proporcionar informacin acerca de que se permite una operacin de arrastre, como, por ejemplo, mostrar un resaltado o un marcador de insercin. Para obtener ms informacin al respecto, consulta Especificacin de destinos de colocacin .

dragover

Este evento se activa cuando el ratn/mouse se mueve sobre un elemento cuando est teniendo lugar una operacin de arrastre. Gran parte del tiempo, la operacin que tiene lugar durante un proceso de escucha ser la misma que el evento dragenter. Para obtener ms informacin al respecto, consulta Especificacin de destinos de colocacin.

dragleave

Este evento se activa cuando el ratn/mouse sale de un elemento mientras que est teniendo lugar una operacin de arrastre. Los procesos de escucha deben eliminar cualquier resaltado o marcador de insercin que usan para la informacin sobre el proceso de arrastre.

drag

Este evento se activa en el origen del arrastre, es decir, el elemento donde dragstart fue disparado, durante la operacin de arrastre.

drop

El evento se dispara sobre el elemento en el que se produjo la colocacin al finalizar la operacin de arrastre. Un proceso de escucha se encargar de recuperar los datos que se arrastran e insertarlos en la ubicacin de la colocacin. Este evento slo se activar si se desea disponer de la funcionalidad de soltar. No se activar si el usuario cancela la operacin de arrastre, por ejemplo, pulsando la tecla Escape, o si se liber el botn del ratn/mouse mientras que ste no estaba sobre un destino de colocacin vlido. Para ms informacin sobre esto, consulta Realizar una operacin de colocacin.

dragend

El origen del arrastre recibir un evento dragend cuando la operacin se haya completado, tanto si tuvo xito como si no. Consulta Finalizar una operacin de arrastre si deseas ms informacin.