JavaScript拖放問題

Question

我目前正在嘗試構建自己的拖放應用（正在這樣做，以便可以學習js拖放API）。 因此，讓我用代碼解釋我的問題。 下面有一個jsfiddle。

JSFIDDLE在這里！

因此，您可以看到用戶可以在<div id="drag-end"></div>區域中拖動不同的襯衫。

當此區域中已有元素時（第一件襯衫放下），如果嘗試放置新項目，則只能將其放置在<div id="drag-end"></div>區域中，並且如果我將其拖到已經存在的襯衫上。 您有任何解決辦法的想法嗎？ 我試過在CSS中使用z-indexes，但這似乎有點愚蠢的想法，因為它不起作用。 我還將收到有關dnd API的任何教程/想法，因為我是它的新手，並且仍然嘗試自己做所有事情。 謝謝

Answer 1

如果使用JavaScript事件委托，則可以輕松解決此問題。 而且，除了綁定文檔上的事件之外，您還應該定位div元素。 而且您也不需要聽一些事件。 簽出小提琴

喜歡：

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

我在這里更新了小提琴