我正在实现一个具有一些拖放组织功能的文档管理系统。
这个w3schools的拖放示例在 IE10 中运行良好。
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
但是，当我有非常相似的代码时，当我将拖动的对象悬停在div要放入的对象上时，我会看到一个交叉的红色圆圈：
<div class="folderHeader" ondragover="allowDrop(event)" ondrop="drop(event)"> </div>
我创建了一个有代表性的JS Fiddle。请注意，该allowDrop函数不会folderHeader在 IE 中调用（只是其中的按钮元素）。folderHeader或者，在 Chrome 和 FF 中 对整个 div 调用该函数。
请注意：我知道小提琴中的功能没有任何用处。我只是希望他们被正确地调用。
有人对我可以从哪里开始解决这个问题有建议吗？