使用嵌套的HTML元素处理拖放操作？

Question

我正在使用HTML5拖放功能，我有一些目标，可以是空<div>或aa <div>，<img>作为子节点。

要使div降低目标，我在这些div上设置onDrop=。

如果我在包含图像的div上结束放置，则e.target是图像节点。

如果我在空div上结束，e.target就是div。

要处理drop，我需要找到div的id，因为e.target可以是图像或div，我正在检查e.target.parentNode，以防我找不到我在e.target寻找的信息。

有没有办法让我设置好e.target永远是div？或者正在查找parentNode链标准操作过程？

Answer 1

这是一个老问题，但答案可能对某人有所帮助。使用如下的DIV元素：

<div id="my-div" onDrop="dropped('my-div');">
    ...
</div>

即使在任何级别的孩子身上发生摔落，你也会在dropped中获得id'my-div'。