码迷,mamicode.com
首页 > 其他好文 > 详细

onmouseenter,onmouseleave,onmouseover,onmouseout的区别

时间:2020-05-12 09:43:40      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:元素   mamicode   idt   leave   区域   bsp   mouse   png   http   

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

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

 技术图片

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

技术图片

onmouseenter,onmouseleave,onmouseover,onmouseout的区别

标签:元素   mamicode   idt   leave   区域   bsp   mouse   png   http   

原文地址:https://www.cnblogs.com/BAHG/p/12874074.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!