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>