shadow-dom - 当 Shadow 设置为 true 时,如何仅在 stencilJS 中获取单击的元素

标签 shadow-dom stenciljs

我遇到一个问题,当我在组件中将阴影设置为 true 时,当单击任何图像(也是其他元素)而不是单击的元素时,我会得到整个 dom。

如何解决这个问题。

提前致谢

最佳答案

答案如下:

 @Listen('click')
  onHandleClickEvent(ev) {
    // This will give you the clicked element (composedPath()[0])
    console.log('===== 31 =====', ev.composedPath()[0]);
  }

关于shadow-dom - 当 Shadow 设置为 true 时,如何仅在 stencilJS 中获取单击的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53369479/

相关文章:

css - Chrome shadow-root 应用奇怪的 CSS 规则

angular - StencilJS 是否可以作为 Ionic 中的开发选项使用?

javascript - npm init 模板如何工作?

angular - 如何在 Stencil 中创建自定义输入元素以与 Angular/Ionic 一起使用?

html - 是否可以始终显示输入 "number"的向上/向下箭头?

ReactJS 和 Material UI - ClickawayListener 在 Shadow DOM 中无法正常工作

javascript - 如何在70+版本中隐藏chrome视频播放器的三点按钮

javascript - 如何在 Shadow DOM 中不渲染 <content> 标签中的内容?

javascript - MSAL 如何读取 token 的到期日期?

html - StencilJS:可选的 <slot/> 元素在 IE11/Edge 中不起作用