js点击某个元素控制div显示，点击除div区域外任意处div隐藏

最新推荐文章于 2024-08-20 19:52:36 发布

fxy2016

最新推荐文章于 2024-08-20 19:52:36 发布

阅读量1.5w

点赞数 1

分类专栏： javascript学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/fxy2016/article/details/52802028

版权

这篇博客介绍了如何使用JavaScript实现点击特定元素（如'a'标签）显示div和input，同时当点击div区域外的地方时自动隐藏div。示例代码展示了具体的实现方法。

摘要由CSDN通过智能技术生成

js点击元素a（或其他元素）控制div、 input显示，点击div区域外任意处div隐藏

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0}
a{ display: inline-block; width: 50px;height: 50px;background: #f40;margin: 50px 0 0 50px;}
div{margin: 60px 0 0 50px; padding: 20px;outline: none;border:1px solid #eee;border-radius: 5px;width: 200px;}
</style>
</head>
<body>
<a id=&#