mouseover与mouseenter都是上鼠标经过事件,在鼠标经过时触发。两者有什么区别呢
看下面代码演示。
代码的意思是父盒子里面有一个小盒子。给父盒子绑定mouseover事件,按道理给父盒子
绑定的事件,应该只有父盒子执行才对,但事实并非如此,👇下图是鼠标经过子盒子时的
现象。
原因就是在鼠标经过子盒子时候,子盒子没有绑定事件故会向上冒泡,父盒子绑定有事件就
会执行。
下面来看mouseenter事件
当经过子盒子时并不会出现弹窗,也就是说没有产生冒泡事件,证明了mouseenter阻止冒泡
总结:mouseover鼠标经过自身盒子会触发,经过子盒子还会触发。
mouseenter只会经过自身盒子触发,因为mouseenter不会冒泡。
完结撒花❀❀❀
因篇幅问题不能全部显示,请点此查看更多更全内容