onmouseenter,onmouseleave,onmouseover,onmouseout的区别

首先,这四个事件两两配对使用,onmouseenter、onmouseleave一对,onmouseover、onmouseout一对,不能混合使用。

onmouseenter 和 onmouseleave是一组:当鼠标进入指定区域的时候触发,但是不支持冒泡,进入或者离开子元素时都不触发(父亲的东西就是父亲的,不归儿子所有)。如图: 

 

onmouseover和onmouseout是一组:当鼠标进入指定区域的时候触发,支持冒泡,进入或者离开子元素都会触发(父亲有的东西,儿子也有)。如图:

posted @ 2020-05-12 08:51  BAHG  阅读(506)  评论(0编辑  收藏  举报