将div拖放到div上

Question

我不知道如何提出这个问题，但我会尽我所能。

我正在编写一个网站，我有一个用PHP生成的div列表。旁边有另一个div。这个想法是，当你将列表中的一个div拖到另一个div上时，它会对列表中div的类做一些事情。

列表中某个div的HTML代码：

<div style='width:100px' class='div1' draggable='true'>
[content]
</div>

您将其放入的div的HTML代码：

<div class="dropzone" ondrop="drop(event)" ondragover="allowDrop(event)" style="padding: 10px; border-width: 2px; border-style: dashed; width: 100px; height: 210px; float: right;">
[content]
</div>

这个想法是，当你将“div1”拖到“dropzone”时，dropzone将运行一个带有“div1”作为变量的javascript函数。 有没有办法在javascript中执行此操作？

谢谢！

Answer 1

您可以从这个网站获得想法：

  

http://www.html5rocks.com/en/tutorials/dnd/basics/

     

http://www.w3schools.com/html/html5_draganddrop.asp