Arrastrar y soltar

  • Enlace amigable (slug) de la revisión: ArrastrarSoltar/Arrastrar_y_soltar
  • Título de la revisión: Arrastrar y soltar
  • Id de la revisión: 92916
  • Creada:
  • Creador: inma_610
  • ¿Es la revisión actual? No
  • Comentario 19 words added, 3 words removed

Contenido de la revisión

Firefox y otras aplicaciones de Mozilla admiten una serie de características para gestionar la funcionalidad de de arrastrar y soltar. Esto le permite al usuario hacer clic y mantener presionado el botón del ratón/mouse sobre un elemento, arrastrarlo a otra ubicación y soltarlo el botón para colocar el elemento allí. Al puntero le seguirá una representación transparente de lo que se está arrastrando durante la operación. La ubicación de destino puede ser una aplicación diferente. Sitios web, extensiones y aplicaciones XUL pueden hacer uso de esta funcionalidad para personalizar los elementos que pueden ser arrastrados, evaluar la operación, así como especificar el lugar donde los elementos se pueden soltar.

Esta sección trata sobre la funcionalidad de arrastrar y soltar en Firefox 3.5 (Gecko 1.9.1) y versiones posteriores. Consulta la documentación de la API anterior para Firefox 3.0 y versiones anteriores.

Elementos básicos de arrastrar y soltar

Cuando comienza una operación 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 más información al respecto, consulta Datos de la operación de arrastre .
  • la imagen de ayuda para la operación de arrastre que aparece junto al puntero durante la operación. Esta imagen puede personalizarse, sin embargo, la mayoría de las veces, no se especifica y se genera una imagen por defecto basándose en el elemento donde se ha pulsado el ratón/mouse. Para obtener más información acerca de estas imágenes, consulta Configurar la imagen de ayuda para la operación de descarga .
  • efectos de arrastre que se permiten. Son posibles tres efectos: copy para indicar que los datos que se arrastran se copiarán desde su ubicación actual a la ubicación de destino, move para indicar que los datos que se arrastran serán movidos y link para indicar que se creará algún tipo de relación o conexión entre la ubicación actual y la ubicación de destino. Durante la operación, se pueden modificar los efectos de arrastre y especificar cuáles en concreto se permiten en determinadas ubicaciones. Si se permite, se puede realizar una operación de colocación en esa ubicación. Consulta Efectos de arrastre para obtener más detalles.

Mozilla y Firefox admiten una serie de características que no se encuentran en el modelo estándar de arrastrar y soltar. Estas te permiten arrastrar elementos múltiples y arrastrar datos que no son cadenas. Para obtener más información, consulta Arrastrar y soltar múltiples 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 rápida para los procedimientos recomendados en la operación de arrastre de los siguientes tipos de elementos:

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 operación de arrastre y colocación. Ten en cuenta que se ejecutan sólo los eventos de arrastre, los eventos del ratón/mouse como mousemove no se ejecutan durante una operación de arrastre.

La propiedad dataTransfer de todos los eventos de arrastre contiene datos sobre la operación de arrastre y colocación.

dragstart
Se ejecuta sobre un elemento cuando se inicia una operación 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 información como los datos de la operación de arrastre y la imagen que se asocia con ella. Para obtener más información al respecto, consulta Inicio de una operación de arrastre .
dragenter
Se dispara cuando el ratón/mouse se mueve primero sobre un elemento, mientras está teniendo lugar una operación de arrastre. Un proceso de escucha de este evento debe indicar si se permite una operación de arrastre sobre esta ubicación. Si no hay procesos de escucha o éstos no realizan ninguna operación, entonces no se permite, de manera predeterminada, una operación de arrastre. Este es también el evento al que escuchar si deseas proporcionar información acerca de que se permite una operación de arrastre, como, por ejemplo, mostrar un resaltado o un marcador de inserción. Para obtener más información al respecto, consulta Especificación de destinos de colocación .
dragover
Este evento se activa cuando el ratón/mouse se mueve sobre un elemento cuando está teniendo lugar una operación de arrastre. Gran parte del tiempo, la operación que tiene lugar durante un proceso de escucha será la misma que el evento dragenter. Para obtener más información al respecto, consulta Especificación de destinos de colocación.
dragleave
Este evento se activa cuando el ratón/mouse sale de un elemento mientras que está teniendo lugar una operación de arrastre. Los procesos de escucha deben eliminar cualquier resaltado o marcador de inserción que usan para la información sobre el proceso de arrastre.
drag
Este evento se activa en el origen del arrastre, es decir, el elemento donde dragstart fue despedido, durante la operación de arrastre.
drop
El evento se dispara sobre el elemento en el que se produjo la colocación al finalizar la operación de arrastre. Un proceso de escucha se encargará de recuperar los datos que se arrastran e insertarlos en la ubicación de la colocación. Este evento sólo se activará si se desea disponer de la funcionalidad de soltar. No se activará si el usuario cancela la operación de arrastre, por ejemplo, pulsando la tecla Escape, o si se liberó el botón del ratón/mouse mientras que éste no estaba sobre un destino de colocación válido. Para más información sobre esto, consulta Realizar una operación de colocación.
dragend
El origen del arrastre recibirá un evento dragend cuando la operación se haya completado, tanto si tuvo éxito como si no. Consulta Finalizar una operación de arrastre si deseas más información.

{{ HTML5ArticleTOC () }}

{{ languages( { "en": "En/DragDrop/Drag_and_Drop", "ja": "Ja/DragDrop/Drag_and_Drop" }, { "fr": "Fr/DragDrop/Drag_and_Drop" } ) }}

Fuente de la revisión

<p><span class="goog-gtc-unit" id="goog-gtc-unit-2"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Firefox y otras aplicaciones de Mozilla admiten una serie de características para gestionar la funcionalidad de de arrastrar y soltar.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Esto le permite al usuario hacer clic y mantener presionado el botón del ratón/mouse sobre un elemento, arrastrarlo a otra ubicación y soltarlo el botón para colocar el elemento allí.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-4"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Al puntero le seguirá una representación transparente de lo que se está arrastrando durante la operación.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-5"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">La ubicación de destino puede ser una aplicación diferente.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-6"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Sitios web, extensiones y aplicaciones XUL pueden hacer uso de esta funcionalidad para personalizar los elementos que pueden ser arrastrados, evaluar la operación, así como especificar el lugar donde los elementos se pueden soltar.</span></span></p>
<div class="note"><span class="goog-gtc-unit" id="goog-gtc-unit-7"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Esta sección trata sobre la funcionalidad de arrastrar y soltar en Firefox 3.5 (Gecko 1.9.1) y versiones posteriores.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-8"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Consulta la <a href="/en/Drag_and_Drop" title="https://developer.mozilla.org/en/Drag_and_Drop">documentación de la API anterior</a> para Firefox 3.0 y versiones anteriores.</span></span></div>
<h2><span class="goog-gtc-unit" id="goog-gtc-unit-9"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Elementos básicos de arrastrar y soltar</span></span></h2>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-10"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Cuando comienza una operación de arrastre, se puede proporcionar una serie de datos:</span></span></p>
<ul> <li><span class="goog-gtc-unit" id="goog-gtc-unit-11"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">los datos que se van a arrastrar, que pueden ser de varios formatos diferentes.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-12"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Por ejemplo, datos de texto que contienen una cadena de texto que se va a arrastrar.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-13"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Para obtener más información al respecto, consulta <a href="/En/DragDrop/Drag_Operations#dragdata" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#dragdata">Datos de la operación de arrastre</a> .</span></span></li> <li><span class="goog-gtc-unit" id="goog-gtc-unit-14"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">la imagen de ayuda para la operación de arrastre que aparece junto al puntero durante la operación.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-15"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Esta imagen puede personalizarse, sin embargo, la mayoría de las veces, no se especifica y se genera una imagen por defecto basándose en el elemento donde se ha pulsado el ratón/mouse.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-16"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Para obtener más información acerca de estas imágenes, consulta <a href="/En/DragDrop/Drag_Operations#dragfeedback" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#dragfeedback">Configurar la imagen de ayuda para la operación de descarga</a> .</span></span></li> <li><span class="goog-gtc-unit" id="goog-gtc-unit-17"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr">efectos de arrastre que se permiten.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-18"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Son posibles tres efectos: <code>copy</code> para indicar que los datos que se arrastran se copiarán desde su ubicación actual a la ubicación de destino, <code>move</code> para indicar que los datos que se arrastran serán movidos y <code>link</code> para indicar que se creará algún tipo de relación o conexión entre la ubicación actual y la ubicación de destino.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-19"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Durante la operación, se pueden modificar los efectos de arrastre y especificar cuáles en concreto se permiten en determinadas ubicaciones.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-20"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Si se permite, se puede realizar una operación de colocación en esa ubicación.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-21"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Consulta <a href="/En/DragDrop/Drag_Operations#drageffects" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#drageffects">Efectos de arrastre</a> para obtener más detalles.</span></span></li>
</ul>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-22"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Mozilla y Firefox admiten una serie de características que no se encuentran en el modelo estándar de arrastrar y soltar.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-23"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr">Estas te permiten arrastrar elementos múltiples y arrastrar datos que no son cadenas.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-24"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Para obtener más información, consulta <a href="/En/DragDrop/Dragging_and_Dropping_Multiple_Items" title="https://developer.mozilla.org/En/DragDrop/Dragging_and_Dropping_Multiple_Items">Arrastrar y soltar múltiples elementos</a> .</span></span></p>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-25"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Para obtener una lista de tipos de datos comunes utilizados para arrastrar y soltar, consulta <a href="/En/DragDrop/Recommended_Drag_Types" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types">Tipos de operaciones de arrastre recomendados</a>.</span></span></p>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-26"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Está disponible una referencia rápida para los procedimientos recomendados en la operación de arrastre de los siguientes tipos de elementos:</span></span></p>
<ul> <li><a href="/En/DragDrop/Recommended_Drag_Types#text" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#text"><span class="goog-gtc-unit" id="goog-gtc-unit-27"><span class="goog-gtc-translatable goog-gtc-from-tm goog-gtc-from-tm-score-100" dir="ltr">Texto</span></span></a></li> <li><a href="/En/DragDrop/Recommended_Drag_Types#link" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#link"><span class="goog-gtc-unit" id="goog-gtc-unit-28"><span class="goog-gtc-translatable goog-gtc-from-tm goog-gtc-from-tm-score-100" dir="ltr">Enlaces</span></span></a></li> <li><a href="/En/DragDrop/Recommended_Drag_Types#html" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#html"><span class="goog-gtc-unit" id="goog-gtc-unit-29"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr">HTML y XML</span></span></a></li> <li><a href="/En/DragDrop/Recommended_Drag_Types#file" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#file"><span class="goog-gtc-unit" id="goog-gtc-unit-30"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Archivos</span></span></a></li> <li><a href="/En/DragDrop/Recommended_Drag_Types#image" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#image"><span class="goog-gtc-unit" id="goog-gtc-unit-31"><span class="goog-gtc-translatable goog-gtc-from-tm goog-gtc-from-tm-score-100" dir="ltr">Imágenes</span></span></a></li> <li><a href="/En/DragDrop/Recommended_Drag_Types#node" title="https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#node"><span class="goog-gtc-unit" id="goog-gtc-unit-32"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Nodos de documento</span></span></a></li>
</ul>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-33"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Consulta <a href="/En/DragDrop/DataTransfer" title="https://developer.mozilla.org/En/DragDrop/DataTransfer">DataTransfer</a> para tener una referencia al objeto DataTransfer.</span></span></p>
<h2 name="events"><span class="goog-gtc-unit" id="goog-gtc-unit-34"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Eventos de arrastre</span></span></h2>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-35"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Se utilizan una serie de eventos que se ejecutan durante las diversas etapas de la operación de arrastre y colocación.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-36"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Ten en cuenta que se ejecutan sólo los eventos de arrastre, los eventos del ratón/mouse como <code>mousemove</code> no se ejecutan durante una operación de arrastre.</span></span></p>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-37"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">La propiedad <a href="/En/DragDrop/DataTransfer" title="https://developer.mozilla.org/En/DragDrop/DataTransfer">dataTransfer</a> de todos los eventos de arrastre contiene datos sobre la operación de arrastre y colocación.</span></span></p>
<dl> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-38"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr">dragstart</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-39"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Se ejecuta sobre un elemento cuando se inicia una operación de arrastre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-40"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">El usuario está solicitando arrastrar el elemento al que dispara el evento dragstart.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-41"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Durante este evento, un proceso de escucha ajustará cierto tipo de información como los datos de la operación de arrastre y la imagen que se asocia con ella.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-42"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Para obtener más información al respecto, consulta <a href="/En/DragDrop/Drag_Operations#dragstart" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#dragstart">Inicio de una operación de arrastre</a> .</span></span></dd> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-43"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">dragenter</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-44"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Se dispara cuando el ratón/mouse se mueve primero sobre un elemento, mientras está teniendo lugar una operación de arrastre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-45"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Un proceso de escucha de este evento debe indicar si se permite una operación de arrastre sobre esta ubicación.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-46"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Si no hay procesos de escucha o éstos no realizan ninguna operación, entonces no se permite, de manera predeterminada, una operación de arrastre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-47"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este es también el evento al que escuchar si deseas proporcionar información acerca de que se permite una operación de arrastre, como, por ejemplo, mostrar un resaltado o un marcador de inserción.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-48"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Para obtener más información al respecto, consulta <a href="/En/DragDrop/Drag_Operations#droptargets" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#droptargets">Especificación de destinos de colocación</a> .</span></span></dd> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-49"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr" style="">dragover</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-50"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este evento se activa cuando el ratón/mouse se mueve sobre un elemento cuando está teniendo lugar una operación de arrastre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-51"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Gran parte del tiempo, la operación que tiene lugar durante un proceso de escucha será la misma que el evento dragenter.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-52"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Para obtener más información al respecto, consulta <a href="/En/DragDrop/Drag_Operations#droptargets" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#droptargets">Especificación de destinos de colocación</a>.<br> </span></span></dd> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-53"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">dragleave</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-54"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este evento se activa cuando el ratón/mouse sale de un elemento mientras que está teniendo lugar una operación de arrastre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-55"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Los procesos de escucha deben eliminar cualquier resaltado o marcador de inserción que usan para la información sobre el proceso de arrastre.</span></span></dd> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-56"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">drag</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-57"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este evento se activa en el origen del arrastre, es decir, el elemento donde dragstart fue despedido, durante la operación de arrastre.</span></span></dd> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-58"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">drop</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-59"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">El evento se dispara sobre el elemento en el que se produjo la colocación al finalizar la operación de arrastre.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-60"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Un proceso de escucha se encargará de recuperar los datos que se arrastran e insertarlos en la ubicación de la colocación.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-61"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr" style="">Este evento sólo se activará si se desea disponer de la funcionalidad de soltar.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-62"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">No se activará si el usuario cancela la operación de arrastre, por ejemplo, pulsando la tecla Escape, o si se liberó el botón del ratón/mouse mientras que éste no estaba sobre un destino de colocación válido.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-63"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Para más información sobre esto, consulta <a href="/En/DragDrop/Drag_Operations#drop" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#drop">Realizar una operación de colocación</a>.</span></span></dd> <dt><span class="goog-gtc-unit" id="goog-gtc-unit-64"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr">dragend</span></span></dt> <dd><span class="goog-gtc-unit" id="goog-gtc-unit-65"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">El origen del arrastre recibirá un evento dragend cuando la operación se haya completado, tanto si tuvo éxito como si no.</span></span> <span class="goog-gtc-unit" id="goog-gtc-unit-66"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">Consulta <a href="/En/DragDrop/Drag_Operations#dragend" title="https://developer.mozilla.org/En/DragDrop/Drag_Operations#dragend">Finalizar una operación de arrastre</a> si deseas más información.</span></span></dd>
</dl>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-67"><span class="goog-gtc-translatable goog-gtc-from-mt" dir="ltr">{{ HTML5ArticleTOC () }}</span></span></p>
<p><span class="goog-gtc-unit" id="goog-gtc-unit-68"><span class="goog-gtc-translatable goog-gtc-from-human" dir="ltr">{{ languages( { "en": "En/DragDrop/Drag_and_Drop", "ja": "Ja/DragDrop/Drag_and_Drop" }, { "fr": "Fr/DragDrop/Drag_and_Drop" } ) }}</span></span></p>
Revertir a esta revisión