搜索
您的当前位置:首页正文

【pink老师--前端经典面试题】mouseover与mouseenter的区别。

来源:筏尚旅游网

mouseover与mouseenter都是上鼠标经过事件,在鼠标经过时触发。两者有什么区别呢

看下面代码演示。

代码的意思是父盒子里面有一个小盒子。给父盒子绑定mouseover事件,按道理给父盒子

绑定的事件,应该只有父盒子执行才对,但事实并非如此,👇下图是鼠标经过子盒子时的

现象。

原因就是在鼠标经过子盒子时候,子盒子没有绑定事件故会向上冒泡,父盒子绑定有事件就

会执行。

下面来看mouseenter事件

当经过子盒子时并不会出现弹窗,也就是说没有产生冒泡事件,证明了mouseenter阻止冒泡

总结:mouseover鼠标经过自身盒子会触发,经过子盒子还会触发。

          mouseenter只会经过自身盒子触发,因为mouseenter不会冒泡。

完结撒花❀❀❀

因篇幅问题不能全部显示,请点此查看更多更全内容

Top