Question

我们如何使用JavaScript在网页上拖动和放置对象？

Answer 1

我看到你不使用jQuery标签，但是如果你可以使用jQuery UI生活可以更简单。

Answer 2

使用jQuery UI非常简单：

$(document).ready(function () {
    $('.my_draggable_elems').draggable();
});

就是这样。

Answer 3

也许我可以推荐 REDIPS.drag JavaScript库。最小化和GZIPped它不到10Kb，但提供了很多功能。库使用HTML表作为布局。表格单元格中的DIV元素可以拖动到其他表格单元格。通过在事件处理程序中编写JavaScript代码，几乎可以涵盖任何场景。

这是演示页面的链接。近下载按钮是“预览”链接，您可以在其中找到整个包的内容。