这个用jquery就相当简单了。原生态js稍微复杂些
html代码：
<div id="img">
<img src="1jpg">
<img src="1jpg">
</di>
<br/>
<input type="text" id='in'>
css代码：
#img{display：none}
jqury代码：
$(function(){
$("#in")foucs(function(){
$("#img")show()
}) blur(funtion(){
$("#img")hide()
})
})
原生态的js我没时间写。下次给你写
不知道是不是你想要的，可以看一下，运行过的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
遇到的问题场景：点击按钮 出现自己写的d窗，点击其他空白处 消失d窗
思路：点击按钮的时候 获取出现d窗的focus事件，让它聚焦；点击其他地方相当于这个d窗失去焦点使用blur事件；同时我们需要给d窗加一个tabindex="-1" 属性，否者blur事件不生效。
第一步：为元素绑定ref，添加tabindex属性，绑定blur事件

第二步：为div获取焦点写事件

第三步：为div失去焦点写事件

贴示：
（1）获取焦点需要用$nextTick包含，否则会获取不到
（2）$refs加变量方法 ['tip'+id]，id为变量
正常理论上来讲，应该在那里加一个标签的，然后把你的焦点定位到标签中。
二一种方法就是把1234232这段也加上标签，与label一起做成浮动，然后将div设定内填充到“点击这个位置”这里。
以上就是关于求一个js控制div的显示隐藏 实现某一区域 获得鼠标焦点显示上方的两个图标，鼠标移开图标隐藏。全部的内容，包括:求一个js控制div的显示隐藏 实现某一区域 获得鼠标焦点显示上方的两个图标，鼠标移开图标隐藏。、js如何获取焦点的位置，然后在旁边展示一个DIV、为什么我uniapp能用div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）