svg mousemove mouseout闪烁问题

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

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

相关推荐