【发布时间】：2013-04-06 01:56:09
【问题描述】：
我不知道怎么问这个问题，但我会尽力而为。
我正在编写一个网站，我有一个使用 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 中做到这一点？
谢谢！
【问题讨论】：
-
您可以监视两个事件，mouseup 和 mousedown 事件。如果您希望可拖动的 div 移动，则必须编写 javascript 来执行此操作或使用外部代码（通常以 jQuery 等主要 javascript 库的插件形式）。基本思想是使用 mousedown、mousemove 和 mouseup 事件来跟踪鼠标开始的位置、移动后的位置以及结束的位置，然后相应地移动单击的对象。
标签： javascript html web