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

【问题标题】：Binding Multiple dragenter/ dragleave Events in HTML5 Drag 'n Drop?在 HTML5 Drag 'n Drop 中绑定多个 dragenter/dragleave 事件？
【发布时间】：2012-09-18 01:14:02
【问题描述】：

这是我在这里所做的一个基本示例： http://jsfiddle.net/kgqkM/2/

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

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

【问题讨论】：

标签： javascript jquery html drag-and-drop frontend

【解决方案1】：

看来我必须对事件目标执行一些（正确的）逻辑。我必须稍微重构一下我的代码，但它正在奏效。

【讨论】：

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