我目前正在尝试构建自己的拖放应用程序（我正在这样做，所以我可以学习js拖放API）。那么让我用代码解释我的问题。下面有一个jsfiddle。
因此，您可以看到用户可以在<div id="drag-end"></div>区域中拖动不同的衬衫。
当这个区域已经存在元素（第一件衬衫掉落）时，如果我尝试放下一个新项目，我只能将它放在<div id="drag-end"></div>区域，如果我将它拖到已经上去的话就无法替换现有衬衫。你有任何想法如何解决这个问题？我试图在CSS中使用z-index，但似乎有点愚蠢的想法，因为它不起作用。我还将收到关于dnd API的任何教程/想法，因为我是新手，并且仍在尝试自己做所有事情。感谢
答案 0 :(得分：1)
如果您使用JavaScript事件委派，则可以轻松解决此问题。而不是在文档上绑定事件，你应该以你的div元素为目标。而且你也不需要听很少的事情。查看小提琴
像：
document.getElementById('drag-end').addEventListener('drop'...
我已更新fiddle here