如何使用JavaScript拖动元素

Question

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

Answer 1

我看到您没有使用jQquery标记，但是如果可以使用jQuery UI，则生活会更简单。

Answer 2

使用jQuery UI非常简单：

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

就是这样。

Answer 3

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

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

http://www.redips.net/javascript/drag-and-drop-table-content/