Javascript 点击div之外任何地方，隐藏div

最新推荐文章于 2026-05-06 09:47:25 发布

原创最新推荐文章于 2026-05-06 09:47:25 发布 · 置顶 · 4.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Javascript

当前文章被收录于：

Javascript

19 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个简单的JavaScript代码实现，通过点击指定ID元素触发显示与隐藏操作，同时在点击页面其他区域时恢复原始状态。代码示例清晰易懂，适合前端开发者学习。

                document.onclick = function (event) {
                    var e = event || window.event;
                    var elem = e.srcElement || e.target;

                    while (elem) {
                        if (elem != document) {
                            if (elem.id == "目标ID") {
                                show();
                                return;
                            }
                            elem = elem.parentNode;
                        } else {
                            hide();
                            return;
                        }
                    }
                }

大概功能：点击“目标ID”，执行show() 点击其他任何地方，执行hide()，由此可以扩展。。。

新博客已移至：http://keenwon.com

标签

#javascript #div #function #扩展