鼠标悬停显示选项时如何避免hover事件冲突？
开发中常遇到鼠标悬停显示操作选项时，选项遮挡原节点导致hover事件冲突，引起闪烁或功能失效的问题。本文提供解决方案。
问题：鼠标悬停树形节点显示编辑、删除按钮，但鼠标移至按钮，节点的mouseleave事件触发，按钮和节点高亮消失，产生闪烁。
解决方案：
方案一：简化布局，避免冲突
最简单有效的方法是将按钮与树节点元素置于同一行。这样，鼠标即使移动到按钮上，节点的hover事件也不会中断，避免冲突。此方案无需修改事件监听逻辑。
方案二：自定义状态管理，精细控制
如果布局无法调整，需更复杂的方案：监听父节点hover事件，手动控制状态。
- 在鼠标进入节点事件中，显示按钮的同时，记录节点的hover状态。
- 在鼠标离开节点事件中，判断鼠标是否仍在按钮区域内。只有当鼠标完全离开按钮和节点区域时，才隐藏按钮并取消节点的hover状态。
此方案需要更精细的事件监听和状态管理，实现难度较高，需要额外判断鼠标是否在按钮区域内。
