在 HTML5 中使用嵌套目标拖放答案

【问题标题】：Drag & Drop with nested target in HTML5在 HTML5 中使用嵌套目标拖放
【发布时间】：2013-06-28 15:59:20
【问题描述】：

我正在使用 HTML5 拖放；我有一个可放置的 div，在其中我有另一个可放置的 div。

<div id="target-parent">
    <div id="target-child"></div>
</div>

问题是，如果我将某些东西拖到目标子项中，会触发他的 drop 事件（这是正确的），但最终也会触发目标父项事件。代码如何理解被丢弃的元素只是target-child？

【问题讨论】：

【解决方案1】：

在您的事件处理程序中检查 event.target 并适当地表现和/或 call event.stopPropagation()。

【讨论】：