Question

我正在实施一个具有一些拖放组织功能的文档管理系统。

此w3schools example拖放功能在IE10中完美运行。

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

然而，当我有非常相似的代码时，当我将拖动的对象悬停在我想要放入的div上时，我会看到一个交叉的红色圆圈：

<div class="folderHeader" ondragover="allowDrop(event)" ondrop="drop(event)">&nbsp;</div>

我创建了一个代表JS Fiddle。请注意，IE中的allowDrop上没有调用folderHeader函数（只是其中的按钮元素）。或者，在Chrome和FF中的整个folderHeader div上调用该函数。

请注意：我知道小提琴中的功能没有做任何有用的事情。我只是希望它们得到适当的调用。

有人建议我可以从哪里开始解决这个问题吗？