核心区别：冒泡行为 + 触发时机
是否支持事件冒泡：
mouseover：支持冒泡。如果鼠标从父元素移动到子元素，父元素的 mouseover 事件会再次触发。
mouseenter：不支持冒泡。即使鼠标在目标元素的子元素间移动，mouseenter 事件也不会重复触发。
触发时机差异：
| 场景 | mouseover | mouseenter |
| 鼠标从元素外进入父元素 | 触发父元素的 mouseover | 触发父元素的 mouseenter |
| 鼠标从父元素进入子元素 | 触发父元素的 mouseout → 触发子元素的 mouseover → 冒泡到父元素的 mouseover | 不触发父元素的任何事件（因为不冒泡，且鼠标未离开父元素范围） |
| 鼠标从子元素回到父元素 | 触发子元素的 mouseout → 触发父元素的 mouseover | 不触发父元素的任何事件 |
| 鼠标离开父元素 | 触发父元素的 mouseout | 触发父元素的 mouseleave |
配套事件对比：
| 主事件 | 配套离开事件 | 是否冒泡 | 使用场景 | 性能差异 |
| mouseover | mouseout | 是 | 需要监听 “鼠标进入元素或其子元素” 的所有情况：如需要精准监听鼠标在元素及子元素内的所有移动 | 鼠标在父 / 子元素间移动时，mouseover 会反复触发，需注意防抖 |
| mouseenter | mouseleave | 否 | 仅监听 “鼠标进入 / 离开元素本身”（如 hover 悬浮效果、菜单展开） | 鼠标在父 / 子元素间移动时，mouseenter 仅在首次进入元素时触发，触发次数更少，性能更优 |