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

Question

以下是我在这里发生的一个基本示例： http://jsfiddle.net/kgqkM/2/

我要做的是将此列表之外的区域专用于“删除”区域，我可以在其中设置适当的逻辑以从页面中删除拖动的元素。我试图显示当用户从列表中拖出元素时，它会将外部的红色/半透明颜色着色。当我在外包装上设置事件时，它们似乎接管了所有dragenter / dragleave事件。

猜测我的问题必须在父div上设置事件吗？我开始尝试并且可能在顶部有一个主事件，并根据e.target和.parents（'。switch'）决定做什么，但是它导致了错误的行为。

Answer 1

似乎我必须在事件目标上做一些（正确的）逻辑。我必须稍微重构一下我的代码，但它正在解决。