登录 | 注册

意见反馈

js鼠标移动到某元素显示div的问题！

如题：当鼠标移到a标签时显示一个div，

但鼠标如果离开a标签进入这个div内则不隐藏这个div，也就是说如果鼠标在a标签或在div的区域内则都不隐藏这个div，如果既不在a标签上也不在div内(当然指的是显示状态时)则隐藏这个div

希望能给个简单易懂的实例，不用jq最好了。。。

效果如图：

当鼠标移到“我的知道”时显示一个div，鼠标离开时有两种情况，移到这个div里面的话这个div也不消失，可以操作里面的内容，移到其他区域就隐藏！就是和百度这个效果一样！

我想已经描述得够清楚了，希望代码尽量简洁，别复制一大堆来

鼠标

捷盛

讨论回答 (6)

9eyl19857a

鼠标经过弹出浮动框的效果，实现方法有多种，这里列举2种常用的解决方法。代码直接贴上来不能正常显示，看附件。方法A：把浮动div和触发元素a放于同一个父级元素内，鼠标经过父级元素时触发显示。这样鼠标移动到div时仍然处于该父级元素内，则div不会隐藏。方法B：鼠标经过a时弹出div，鼠标离开a时设置一个计时器用来关闭div，如果鼠标移动到div后则清除计时器。

正义凛然菠萝Q7　

});

Arrow重生　

yourDiv.style.display = 'block';

arnold312　

elem.addEventListener('mouseover', function() {

一个任青　

```

语柔桐　

当你想要在JavaScript中实现鼠标悬停时显示div，可以这样写：首先，选中那个元素，然后添加一个mouseover事件监听器。例如：

展开查看全部 6 条讨论

js鼠标移动到某元素显示div的问题！

2万浏览 6 回答

js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上

9.5万浏览 5 回答

js 获取鼠标相对于元素的位置

2.3万浏览 1 回答

Js中，“鼠标移到或者点击了一个元素”，代码要怎么写

5565 浏览 1 回答

js判断鼠标点了那个元素

5573 浏览 1 回答

扩展阅读

学长经验谈：上大学该买Mac还是Windows？

组NAS之前一定要学习的文件备份技能！

高通骁龙X Elite续航体验能否满足一天不插电办公需求

十一照片拍太多存不下？是时候试试华为家庭存储了

尼康Z6III + Z180-600mm镜头记录南昌飞行嘉年华

热门问题

求推荐一款笔记本。工科研究生用，便于随身携带。平时做科研，处理数据，查阅文献。不玩网游和单机，至多玩棋牌游戏和影音。喜欢摄影，需要修图。附加:纠结要不要带数字键盘区。预算最多8000。尽量便宜些。

1.2万浏览 6 回答

平面设计一个月工资一般多少

6520 浏览 5 回答

京东商城里头卖的手表是正品吗?

553 浏览 8 回答

256gSSD是否够用？打算买个笔记本，办公为主，查阅文献等。不玩大型游戏，至多玩一些棋牌类游戏和影音娱乐。手里有2T移动硬盘，但也想在笔记本上存少量的电影。平时玩单反，处理图片比较多。

2.3万浏览 4 回答

国产芯片三大龙头公司

1375 浏览 3 回答

为何手机一直收到00447786205094发来的短信,而且是一串乱七八糟的英文字母?

6443 浏览 4 回答

美国股市平均每天的成交额大约是多少？

2273 浏览 5 回答

家中只有电视机怎样才能看免费电视

8723 浏览 6 回答

苹果手机为什么会自动发短信到00447786205094?要怎么解决这个问题?

1163 浏览 6 回答

斩神实力等级划分

5903 浏览 7 回答

电脑打开任何应用程序的同时也会自动打开ie浏览器,快告诉我怎么处理?_百

7548 浏览 6 回答

梦幻西游130级和155级每轮抓鬼有多少经验和钱?不领双的状况下

9897 浏览 6 回答

天玑810和骁龙768g哪个更好?

8466 浏览 5 回答

solidworks同一零件的不同配置怎么样生成不同的工程图

1.2万浏览 8 回答

崩坏星穹铁道全角色复刻时间表是怎样的？

2865 浏览 12 回答

中关村在线