如何在 webComponent 中获取 event.target 和 event.currentTarget（在影子根中）

【问题标题】：How to get event.target and event.currentTarget in a webComponent (within a shadow root)如何在 webComponent 中获取 event.target 和 event.currentTarget（在影子根中）
【发布时间】：2020-04-12 13:00:22
【问题描述】：

我尝试使用在我的一个 webComponents 中发生的事件的目标对象和当前目标对象。似乎这些方法在影子根中无法访问。有人有这个问题的解决方案吗？

【问题讨论】：

标签： event-handling web-component shadow-dom

【解决方案1】：

event.composedPath() 返回事件传递的所有元素/节点的数组

所以你所追求的target 在：event.composedPath()[0]

除非两者之间有mode:closedshadowRoots

https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath

Event接口的composedPath()方法返回事件的 path 是侦听器所在的对象数组调用。这不包括阴影树中的节点，如果阴影 root 是在其 ShadowRoot.mode 关闭的情况下创建的。`

在 Chrome/new Edge 上你也可以使用event.path

【讨论】：