个人觉得此处mouseenter和mouseleave更好

个人觉得此处mouseenter和mouseleave更好

课程中,将启用和停用轮播绑在了main标签的mouseover和mouseout事件上。


之前老师讲过,由于mouseout的控制范围更广,所以鼠标滑过main标签的某个子元素A时,会触发main元素的mouseout,同时触发子元素A的mouseover事件。另一方面,由于mouseover支持冒泡机制,于是再次触发main元素的mouseover事件……如果监听事件日志,会发现鼠标滑过左侧菜单栏或右下角圆点列表时,频繁触发mouseover和mouseout事件,基于性能考虑感觉不妥。

http://img1.sycdn.imooc.com//climg/602a75e7096b87ef12010462.jpg


而mouseenter和mouseleave的控制范围较小,且不支持冒泡机制,鼠标进入main标签后,只会触发一次mouseenter,鼠标进入或离开main标签的子元素不会触发任何事件,性能较好。


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,关于mouseover/mouseout,以及mouseenter/mouseleave事件触发理解是可以的。但是还是要看代码是怎么写的,课程中省略menuItems的移出事件,给大盒子menuContent绑定了移出,这样也省去了一步。

同学按照自己的想法写也可以,能够实现效果就好。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师