javascript - Mouseenter 和 Mouseleave 下拉菜单
问题描述
我试图让这个下拉菜单在鼠标悬停时显示子菜单,并在子菜单顶部保持悬停,但是当鼠标离开时,我希望它隐藏它。
以下链接,我只能将javascript更改为mouseenter,但我不知道如何创建mouseleave函数。
对于任何知道如何编码的人来说,这可能非常容易,但我不会:(
这是链接:https ://codepen.io/ok2ju/pen/MwyvWY
这是代码:
document.querySelector('.mini-photo-wrapper').addEventListener('mouseenter', function() {
document.querySelector('.menu-container').classList.toggle('active');
});
解决方案
推荐阅读
- python - AWS Lambda for python 3.8 上的导入请求
- javascript - 在 p5.js 中使用 preload() 时页面卡在“正在加载...”
- apache-spark - 使用kafka流在pyspark中使用先前数据和当前数据的方法
- f# - 编译器无法识别定义的类型
- javascript - Javascript 事件更改
- c# - PUT Ajax 请求返回 404 not found asp.net MVC
- python - Python3 pickle:AttributeError:无法获取属性'CHJ_tiny_obj'
- dvc - 如何为不同的文件夹使用不同的遥控器?
- wordpress - 为什么我登出后看不到我的 WordPress 网站?
- python - 对于 Pandas 数据框中的每一行,检查行是否包含列表中的字符串