如何使一些元素可拖動和其他可使用HTML5拖放？

Question

我想拖動一些元素並將其放在其他容器中。下面的示例爲均爲可拖動和投擲的對象

http://jsfiddle.net/AwCuM/

但是，當我嘗試做一些他們的拖動和其他人只可放開這是行不通的

http://jsfiddle.net/4adJk/10/

我知道如何使用jQueryUI來做到這一點，但我想用純HTML5做同樣的事情。

Answer 1

這裏是一個演示，顯示如何做到這一點的純HTML5（HTML，JS + CSS）： http://html5demos.com/drag

Answer 2

看着Mozilla's HTML docs 我發現我需要處理dragover事件。 完整的解決方案可瀏覽：

http://jsfiddle.net/Dema8/7/

Answer 3

我覺得這是你需要的東西！

http://jsfiddle.net/UurW3/2/