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

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

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

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

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

你可能感兴趣的:(前端,javascript)