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日開始的，因此它似乎不再被積極開發。