扫码关注官方订阅号
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
增加一个占据全屏幕的透明容器 给容器加点击事件 不过一般都不这么做 给菜单加鼠标离开事件 菜单自动隐藏 这是比较常见 推荐使用这种方法
1、因为事件冒泡的原因，点击事件会逐级的向上的传播；在点击展示列表之后可以监听 document.body 的点击事件，如果用户点击了其他地方（点击的目标不是展示的列表），就隐藏该列表，并且清除 document.body 的监听事件。
2、也可以将点击展示列表修改为 hover 显示列表，鼠标离开该列表即隐藏。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
2
359
收藏
增加一个占据全屏幕的透明容器 给容器加点击事件
不过一般都不这么做 给菜单加鼠标离开事件 菜单自动隐藏 这是比较常见 推荐使用这种方法
1、因为事件冒泡的原因，点击事件会逐级的向上的传播；在点击展示列表之后可以监听 document.body 的点击事件，如果用户点击了其他地方（点击的目标不是展示的列表），就隐藏该列表，并且清除 document.body 的监听事件。
2、也可以将点击展示列表修改为 hover 显示列表，鼠标离开该列表即隐藏。