svg mousemove mouseout闪烁问题

Posted 2020-12-13 xunhanliu

1、确保绑定元素的正确性。尽量对一个图元进行绑定事件。

2、确保图层的顺序。例如，你编写了一个tooltip功能。mouseover元素A后，tooltip图层的z-index一定比当前元素A的z-index大的，这可能就形成tooltip组件对元素A的覆盖问题。鼠标稍微移动，会自动触发元素A的mouseout事件，然后触发tooltip组件的mouseover事件。解决方案：设置tooltip组件的css: pointer-events: none;