Javascript 拖放问题

Question

我目前正在尝试构建自己的拖放应用程序(我这样做是为了学习 js 拖放 API)。因此，让我用代码解释我的问题。下面有一个jsfiddle。

JSFIDDLE HERE!

如您所见，用户可以在 <div id="drag-end"></div> 中拖动不同的衬衫。地区。

当该区域中已经存在元素时(第一个衬衫掉落)，如果我尝试掉落一个新元素，我可以将其放在 <div id="drag-end"></div> 上仅限区域，如果我将它拖到已经存在的衬衫上，则无法替换。你知道如何解决这个问题吗？我试过在 CSS 中使用 z-indexes，但似乎这是个愚蠢的想法，因为它不起作用。我还将收到有关 dnd API 的任何教程/想法，因为我是新手并且仍在尝试自己做所有事情。谢谢

Answer 1

如果使用JavaScript事件委托(delegate)，就可以轻松解决这个问题。而不是在文档上绑定(bind)事件，您应该定位您的 div 元素。而且你也不需要听一些事件。检查 fiddle

喜欢:

document.getElementById('drag-end').addEventListener('drop'...

我已经更新了 fiddle here