mouseover mouseout和mouseenter mouseleave的区别

mouseover mouseout:在鼠标进入或者离开作用元素或者其子元素时,都会触发

mouseover mouseout和mouseenter mouseleave的区别_第1张图片

在进入son的时候,因为离开了father,所以会触发一次mouseout,同理,在再次进入father的时候,也因为离开了son,所以先触发了一次mouseout再触发mouseover。在进入子元素也会触发mouseover是因为子元素的mouseover事件冒泡到父元素中,被父元素监听到,进而触发了mouseover的响应事件。

 

mouseenter mouseleave:在鼠标进入作用元素的时候才会触发。

mouseover mouseout和mouseenter mouseleave的区别_第2张图片

以下是测试代码




    
    Document





    

 

你可能感兴趣的:(mouseover mouseout和mouseenter mouseleave的区别)