从孩子那里获取父母的ID

Question

我正在向子组件添加拖放操作，我想在dragstart事件中获取父组件的id，以便拖动操作知道组件的来源。有没有办法用 DOM 来做到这一点？

Answer 1

只需检查事件目标的父节点即可。

event.target.parentNode.id

带有点击事件的简单示例 HTML：

<p id="a">
  <button id="button">My parent has ID "a"</button>
</p>

JS：

document.getElementById("button").addEventListener("click", (event) => {
    console.log(event.target.parentNode.id) // this should be "a"
})