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

Question

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

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

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

建议？

Answer 1

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

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

编辑：另外，这是javascript implementation