Javascript ondrag, ondragstart, ondragend

Question

He estado tratando de usar ondrag() y algunas otras funciones en un div representado dinámicamente en una página HTML.

Parece que ninguno de estos eventos se activa, ni recibo ningún error. No puedo encontrar mucha documentación útil tampoco. ¿Lo estoy interpretando incorrectamente, puede usar estos eventos para guiar la funcionalidad para arrastrar un div alrededor de la pantalla?

Answer 1

Tenga una mirada en esta documentación: https://developer.mozilla.org/En/DragDrop/Drag_and_Drop

Nota: No funciona en todos los navegadores.

Si quieres un uso apoyo multi-navegador jQuery: http://jqueryui.com/demos/draggable/

jQuery ejemplo:

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div> 

<script> 
    $(function() { 
     $("#draggable").draggable({ 
      drag: function(event, ui) {} 
     }); 
    }); 
</script> 

Otro ejemplo: arrastre

<div id="toBeDragged" draggable="true"> 
    This text <strong>may</strong> be dragged. 
</div> 

<script> 
document.getElementById('toBeDragged').addEventListener('dragstart', function(event) { 
    event.dataTransfer.setData('text/plain', 'This text may be dragged'); 
}); 
</script> 

Answer 2

No he utilizado yo mucho, pero me cree que es la "acción de edición" de arrastre, por ejemplo, seleccionar texto y arrastrarlo dentro de un cuadro de texto/área de texto.

Puede que tenga que poner en práctica sus propias onmousedown()onmouseup() y onmousemove() manipuladores para la funcionalidad Creo que lo que busca es

Answer 3

Una forma sencilla de hacerlo es con jQuery UI, asegúrese de que lo utilice después de su dinámica tiene div sido prestado

$(document).ready(function() { 
    $('.my_draggable_elements').draggable({ 
     drag: function(){ 
      // do something 
     } 
    }); 
}); 

Answer 4

¿Hay contenido en el div? No creo que sea el elemento en sí el que se vea arrastrado en este evento en particular.