Javascript 在HTML5 Drag'中绑定多个dragenter/dragleave事件；n滴？

这里有一个基本的例子来说明我在这里所做的事情：

我想做的是将这个列表之外的区域指定为一个“删除”区域，在这里我可以设置适当的逻辑来从页面中删除拖动的元素。我试图显示当用户从列表中拖动元素时，它会将外部涂成红色/半透明。当我在外包装上设置事件时，它们似乎接管了所有dragenter/dragleave事件

---

猜测我的问题与在父div上设置事件有关？我开始尝试在上面设置一个主事件，并根据e.target和.parents（'.switch'）决定要做什么，但到目前为止，它导致了错误行为。

似乎我必须对事件目标执行一些（正确的）逻辑。我必须对代码进行一点重构，但它正在发挥作用。

我会将此标记为已回答，但显然我必须等待两天。