JavaScript 中的拖放链接答案

【问题标题】：Drag and Drop links in JavaScriptJavaScript 中的拖放链接
【发布时间】：2012-07-04 15:07:07
【问题描述】：

我的页面上有链接，我想将它们复制到另一个 div 进行拖动。

我已经看过如何使用Drag and Drop in JavaScript 和Cross Browser HTML5 Drag and Drop，但是它们不能正常工作。当可拖动对象是链接时，无法拖动。

我想要一些简单的东西：拖动链接并在另一个 div 中获取信息。

我用的是dojo 1.4.3，但是拖拽不兼容IE9。因此，我无法使用它。 dojo的版本不能更改，需要兼容IE7-9、Firefox、Chrome、Safari。

我不能使用 jQuery。

【问题讨论】：

你不能使用jquery但是你添加jquery标签？
好的，抱歉。感谢编辑
即将发布的dojo 1.7终于增加了对IE9的支持，并不是说它对你有帮助。单击并按住链接然后拖动它不会将您带到链接位置的用户体验有点奇怪。也许您可以添加用户用来拖动链接和“手柄”的各种“手柄”图像？
Dojo 1.6.1 也支持 IE9。 @jaapaurelio，您应该扩展您的问题，以准确解释您在为链接编写 DnD 代码时遇到困难的地方……哪一部分不起作用？另外，您是否能够识别 IE9 上的 Dojo 故障？如果它足够简单，您也许可以对 Dojo 进行monkeypatch 或向后移植一个修复程序。

【解决方案1】：

也许我可以推荐我的 REDIPS.drag 库，该库基于跨表拖动 DIV 元素。拖动布局由表格单元格定义，每个具有 class="drag" 的 DIV 元素都将变为可拖动的。

DIV 元素可以包含任何 HTML 内容，例如另一个表格或链接。也可以克隆 DIV 元素 - 因为您需要复制原始链接。

这里是带有现场演示的库的链接（请注意带有 Smile 文本的橙色 DIV 元素 - Smile 是一个链接）：

【讨论】：