场景:
为某元素绑定 mouseenter 和 mouseleave事件,鼠标进入时 显示某个子元素,离开时隐藏该子元素。但是鼠标在该子元素中移动时,仍然触发了父元素的mouseleave事件。 子元素使用的是position定位布局,
解决:
层级问题,子元素层级不够,鼠标在子元素内移动时,触碰到了其他层次的元素。所以触发了父元素的mouseleave事件。 设置子元素 z-index 就 OK了
此为个人偶遇的情况,仅供参考。
如果是其他问题导致的该现象,可以试试 pointer-events 属性