javascript - 将 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