javascript - 将 HTML5 拖放对象恢复到原始 div 容器

Question

我似乎找不到任何允许网站用户“撤消”拖放操作的示例。例如，如果用户将图像拖到目标元素，然后决定使用不同的图像，则用户应该会在原始位置看到先前的缩略图图像。我已经尝试了几种技术，包括effectedAllowed Copy，但可惜的是，它会移动，而不是复制。呃。

我确实找到了一个 jquery 购物车示例，但我认为我宁愿使用 HTML5 方法，除非那只是一个坏主意。

该项目是一个简单的邀请应用程序，用户可以将代表另一个人的缩略图拖动到 5 个空缺之一中 - 例如“Pilot”、“CoPilot”、“Navigator”、“Helmsman”、“Steward”。

建议？

Answer 1

如果还没有库来实现这一点，听起来您需要在 javascript 中实现状态机。

有关管理状态的概念，请参阅此问题及其答案:undo-redo-implementation

编辑:另外，这里有一个 javascript implementation