javascript - 使用嵌套 HTML 元素处理拖放？

Question

我正在使用 HTML5 拖放，并且我的放置目标可以是空 <div>或 <div>与 <img>作为子节点。

为了让 div 放下目标，我设置了 onDrop=在这些 div 上。

如果我在包含图像的 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>

即使 drop 发生在任何级别的子级上，您也始终会在 dropped 中获得 id 'my-div'。