使用HTML5中的嵌套目标进行拖放

Question

我正在使用HTML5拖放; 我有一个可放置的div,在里面我有另一个可放置的div.

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

问题是,如果我将某些内容拖入target-child,则触发他的drop事件(这是正确的),但最后还会触发target-parent事件.代码如何理解被删除的元素只是target-child？

Answer 1

在您的事件处理程序中检查event.target并正确行为和/或调用event.stopPropagation().