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

Question

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

为什么会出现这种情况？由于内部元素技术上仍然在外部元素的内部，所以鼠标在移入内部元素时不会离开外部元素。有没有办法阻止？

完整的示例在这里：http://jsfiddle.net/pMCeu/4/

Answer 1

为了避免这种情况，你应该使用的mouseenter和鼠标离开，而不是鼠标悬停及移出。

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