HTML5 - 拖放画布（或divs）切换

Question

我是新的HTML5，我试图通过拖放功能。

这是方案：两个不同的div（或画布）并排。

我想要什么要做：拖动第一个div（或画布）并放在第二个div上。

其中结果我期望：第一个div内容现在位于第二个div位置，第二个div内容位于第一个div位置。就像一个正常的开关。

我敢肯定，这是可能的，但唯一认为我已经做到现在，是追加到第二个div的第一个div。

Answer 1

是的，当然这是可能的，但答案取决于目的是什么......如果您想了解如何在HTML5中进行拖放操作，请根据您提到的tutorial编写自己的实现。但是如果你想在合理的时间内为生产建立一些东西，那就用一个图书馆 - 有很多。使用哪一个也取决于你的目标平台。如果您的目标是移动设备，则需要触摸支持，并且您需要在实施过程中考虑多点触控效果 - 这不仅仅是鼠标点击和拖动，还可能同时存在大量手指！

一个很好的演示使用hammer.js可以在这里找到：http://riagora.com/mobile/hammer/index2.html。使用鼠标和触摸功能可以进行拖放操作，但您需要一个触摸屏来缩放（通过捏）和旋转图像。

另一个演示，puzzle使用scriptaculous，它几乎做你的要求。然而，目前的版本1.9.0是从2010年12月23日开始的，因此它似乎不再被积极开发。