为什么当鼠标只移动到内部元素时会触发 onMouseOver 事件？答案

【问题标题】：Why is onMouseOver event fired when the mouse only moves into an inner element?为什么当鼠标只移动到内部元素时会触发 onMouseOver 事件？
【发布时间】：2011-08-26 02:54:30
【问题描述】：

当鼠标悬停在内部元素上时，首先触发外部元素的mouseOut事件，然后触发内部元素的mouseOver元素，最后触发内部元素的mouseOver元素.

为什么会这样？因为内部元素在技术上仍然在外部元素的内部，所以鼠标在移动到内部元素时不会离开外部元素。有没有办法防止这种情况发生？

此处为完整示例：http://jsfiddle.net/pMCeu/4/

【问题讨论】：

标签： javascript dom dom-events onmouseover onmouseout

【解决方案1】：

为避免这种情况，您应该使用 mouseenter 和 mouseleave 而不是 mouseover 和 mouseout。

这是由于事件冒泡。请查看this 帖子了解更多信息。

【讨论】：

【解决方案2】：

您好，上面的解决方案是正确且完整的。但你也可以使用 mousemove 事件

【讨论】：