关于收起innerbox

menu-content是那一大块的长方形区域，可是为什么这节课演示出来的效果是鼠标离开了文字部分，innerbox就隐藏了呢，理论上不是应该要完全离开menu-content区域才会收起innerbox吗？

源自：项目：JavaScript轮播图 5-4 二级菜单的展开与收起

收起

4回答

好帮手慕柯南 2019-09-09 14:08:10

同学你好！

同学给父元素绑定的什么事件不能完全生效呢？这里是绑定mouseout事件的时候也同时给他的子元素绑定了，但是如果使用mouseleave事件，就不会同时给子元素绑定呢，这两个事件的区别：

mouseout:不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。
mouseleave: 只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

好帮手慕柯南 2019-09-09 11:54:14

同学你好！

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

提问者不停奔跑的小恐龙 #1

那这样说的话那我绑定的父元素不久不能完全生效的吗，在这个例子里面确实达到了我们想要的效果，但是如果我就是需要鼠标完全离开那个menu-content才触发事件，那这个不就没法实现了吗

2019-09-09 12:14:19

好帮手慕柯南 2019-09-08 18:37:44

同学你好！

首先来看一下html的结构，menu-content下面有每一个菜单的项
再来看一下我们将鼠标划过的事件写在了menu-item上，
获取menu-content下面的菜单menu-item
给菜单添加鼠标划过事件，划过时显示对应的子菜单

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

提问者不停奔跑的小恐龙 #1

鼠标划过这个事件加在menu-item是没错，我是不太明白，为什么在鼠标离开这个事件加在menu-content，但是离开了文字就把子菜单隐藏了，就算鼠标离开了文字部分但是只要鼠标还留在menu-content的这个244px*460px的这个范围内，理论上是不会触发鼠标离开的事件的吧，也就是说子菜单还不会被隐藏，这个这么解释呢，回复没法传图片我只能文字表达表达了

2019-09-08 20:02:27