Javascript：拖动div

Question

有没有人知道如何通过使用纯JS实现的鼠标点击并保持在屏幕上拖动对象（div）？我对本机JS函数和可能使用的技术感兴趣。

此外，我们如何使用jquery做到这一点？

Answer 1

您可以阅读Generic Drag文章。它适用于“纯粹的”JavaScript。

但是，我仍然推荐jQuery UI，因为它功能更丰富，可能是跨浏览器。

在jQuery UI中，使用$（'＃divId'）完成easily。draggable（）;

Answer 2

我建议您使用jquery ui-draggable：

<div id="draggableDiv">
content here
</div>

javascript

$(document).ready(function(){
    $("#draggableDiv").draggable();
  });

不要忘记包括：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

请参阅此处的工作示例＆gt;＆gt; http://jsbin.com/ocugo

对于纯JavaScript解决方案（没有任何框架），这是一个很好的教程：http://blogs.oracle.com/ahot/entry/javascript_how_to_make_draggable