Javascript ondrag，ondragstart，ondragend

Question

我一直試圖使用ondrag()和div上的一些其他功能在HTML頁面上動態呈現。

這些事件似乎都不會觸發，也不會出現任何錯誤。我也找不到很多有用的文檔。我解釋錯了嗎，你可以使用這些事件來編寫腳本功能來在屏幕上拖動div嗎？

Answer 1

看一看這個文檔：https://developer.mozilla.org/En/DragDrop/Drag_and_Drop

注意：它不會在所有的瀏覽器。

如果你想要一個跨瀏覽器支持使用jQuery：http://jqueryui.com/demos/draggable/

jQuery的例子：

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

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

又如：

<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

我還沒有使用拖自己很多，但我相信這是拖動「編輯動作」 - 例如選擇文本並在文本框/文本區內拖動它。

您可能需要實現自己的onmousedown()onmouseup()和onmousemove()處理程序，我認爲你是後

Answer 3

一個簡單的方法做，這是與jQuery UI的功能，請確保您使用您的動態div有後被渲染。

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

Answer 4

div中是否有內容？我不認爲這是被拖入這個特殊事件的元素本身。