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>