當鼠標移動到內部元素時，爲什麼會觸發onMouseOver事件？

Question

當鼠標懸停在內部元素中時，首先觸發外部元素的mouseOut事件，然後觸發內部元素的mouseOver元素，最後觸發內部元素的mouseOver元素。

爲什麼會出現這種情況？由於內部元素技術上仍然在外部元素的內部，所以鼠標在移入內部元素時不會離開外部元素。有沒有辦法阻止？

完整的示例在這裏：http://jsfiddle.net/pMCeu/4/

Answer 1

爲了避免這種情況，你應該使用的mouseenter和鼠標離開，而不是鼠標懸停及移出。

這是由於事件冒泡。看看this的帖子瞭解更多信息。