事件冒泡问题

鼠标划过主菜单里每一个menuitem会触发移入事件显示子菜单，同时冒泡到menu-content上，触发了menu绑定的事件隐藏子菜单，那这两个事件是怎么协调的，两个事件是同时的么，那为什么只显示了子菜单而冒泡事件里隐藏子菜单没有执行呢，反而需要鼠标移出menuitem才隐藏子菜单，但是menu-content绑定的事件是移出整个menu的范围才隐藏子菜单，由于事件冒泡的原因，这个范围不生效了？

浮沉幻听 2019-07-15

源自：项目：JS实现轮播特效 5-4 二级菜单的展开与收起

0

收起

1回答

好帮手慕慕子 2019-07-15 14:22:43

同学你好，视频中的HTML结构中，如下图所示，主菜单和子菜单不是父子关系，所以这里的鼠标移入移出主菜单和子菜单不受冒泡事件的影响。

建议：同学可以回顾一下视频哦

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

提问者浮沉幻听 #1

老师，我是item和content的哦，鼠标划过menu-item，二级菜单显示，鼠标离开menu-content，二级菜单隐藏，item和content不是父子父子关系么。代码中给menu-item绑定了鼠标移入事件，menu-content上绑定了鼠标移出事件。鼠标经过item不是会事件冒泡到content上嘛，触发content上绑定的事件不是么

2019-07-15 14:35:26
提问者浮沉幻听 #2

那为什么鼠标没有完全离开menu-content的范围，二级菜单就隐藏了呢，不还是因为事件冒泡吗？

2019-07-15 14:37:23
好帮手慕慕子回复提问者浮沉幻听 #3

同学你好，由于不清楚同学的代码具体是怎么写的，无法准确的定位问题，建议：可以写的完整代码直接粘贴过来，便于老师针对你的代码，高效的为你解决问题。

2019-07-15 15:36:53

相似问题

事件冒泡问题

关于事件冒泡

关于事件冒泡

关于事件冒泡

不理解冒泡型事件模型和捕获型事件模型，麻烦详细解说下

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载