Shadow DOM 重定向和 Radium :hover

【问题标题】：Shadow DOM retargeting and Radium :hoverShadow DOM 重定向和 Radium :hover
【发布时间】：2018-01-26 13:53:57
【问题描述】：

我在 Shadow DOM 中使用 React 时遇到了这个问题。我一直在使用与此类似的设置来处理事件重定向。

https://github.com/LukasBombach/react-shadow-dom-retarget-events/blob/master/index.js

包装我的 React 组件时，Radium ':hover' 不起作用

【问题讨论】：

标签： javascript reactjs dom-events shadow-dom radium

【解决方案1】：

问题在于 Radium 使用 onMouseEnter 和 onMouseLeave。由于冒泡处理这些事件的方式，当与 Shadow DOM 中的元素交互时，我们不会看到这些事件触发。解决方案是在目标元素触发 onMouseOver 事件时调度 onMouseEnter 事件，并在触发 onMouseOut 事件时调度 onMouseLeave 事件。

【讨论】：