JS23 mouseover与mouseenter

区别

mouseover和mouseout成对使用，事件会冒泡，当鼠标指针穿过被选元素子元素时，也会触发事件。

mouseenter和mouseleave成对使用，事件不会冒泡，只有在鼠标指针穿过被选元素时，才会触发mouseleave事件。

也就是说，假设把mouseover/mouseout事件绑定到了父元素，那么它其中的任何子元素只要发生了mouseover/mouseout事件，同时也会触发父元素的mouseover/mouseout事件，父元素的父元素也会触发……然后一直向上，就像池塘的气泡一样一直往上冒。

而mouseenter/mouseleave不会发生事件冒泡，属于传统思维上的鼠标进出。

用mouseover模拟mouseenter

<div id="container">
  <div id="child1"></div>
  <div id="child2"></div>
</div>

mouseover因为具有冒泡的性质，在子元素内移动的时候父元素的mous