Javascript ondrag，ondragstart，ondragend [英] Javascript ondrag, ondragstart, ondragend

问题描述

我一直在尝试使用 ondrag（）和一个 div 上的一些其他函数在 HTML 页面

I've been trying to use ondrag() and some other functions on a div rendered dynamically on an HTML page.

这些事件似乎都没有触发，也没有任何错误。我也找不到很多有用的文档。我解释错误，你可以使用这些事件来脚本功能来拖动div在屏幕上吗？

None of these events seem to fire, nor do I get any errors. I can't find much helpful documentation on it either. Am I interpreting it wrongly, can you use these events to script functionality to drag a div around the screen?

推荐答案

看看在此文档中： https://developer.mozilla.org/En/DragDrop/Drag_and_Drop

注意：在每个浏览器中都不起作用。

Note: It does not work in every browser.

如果您希望跨浏览器支持使用jQuery ： http://jqueryui.com/demos/draggable/

If you want a cross-browser support use 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>

这篇关于Javascript ondrag，ondragstart，ondragend的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！