的Javascript：拖动的div

是否有人知道如何拖动对象（申报单）通过左右鼠标点击并按住使用纯JS实现在屏幕上？我对本地JS函数和可能使用的技术感兴趣。的Javascript：拖动的div

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

通常当有人说他们想纯JS，他们的意思，他们不希望使用一个框架（又名“香草“）。然而，你有jQuery作为标签在这里，那它是哪一个？ – 2010-02-27 09:00:30

我会使用jQuery执行（保存的努力一卡车），但我很感兴趣，这样的实现背后的技术。 – 2010-02-27 09:06:02

您可以随时查看jQuery源代码。但是，大部分事情都会被多次执行（针对不同的浏览器）。所以这不是很有趣。 – Sagi 2010-02-27 09:07:59

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

不过，我还是建议jQuery UI的，因为它的功能更丰富，可能跨浏览器。。

在jQuery用户界面，这是easily使用$（ '＃DIVID'）完成可拖动（）;

2010-02-27 09:00:17 Sagi

那里有很棒的文章。谢谢：） – 2010-02-27 09:20:29

我会建议使用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>

看到这里的工作示例>> http://jsbin.com/ocugo

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

2010-02-27 09:28:26

回答