mouseover、mouseout和mouseenter、mouseleave之间的区别(配对使用)

以上四个事件都是与鼠标相关的事件，其中mouseenter和mouseover均是鼠标移入时触发的事件，但是使用mouseover的时候会触发冒泡事件，也就是，当父元素和子元素均绑定mouseover事件的时候，如果触发子元素的mouserover事件，则同样会触发父元素的mouserover事件。但是使用onmouseenter则不会触发父节点的同名事件。

因此，如果不希望触发冒泡事件的时候尽量使用mouseenter和mouseleave。 用onmouseenter则不会触发父节点的事件。

!!!事件委托由于是鼠标经过子元素触发父元素的冒泡事件,所以事件委托需要用mouseover、mouseout。

 是不是很难记住?  我们注意mouseover、mouseout的后面那两个单词是over和out都是o开头的,把那个o当成泡泡,o开头的会冒泡,就记得啦!