下拉菜单，点击空白处隐藏菜单

最新推荐文章于 2022-07-31 14:19:49 发布

小威_Vic

最新推荐文章于 2022-07-31 14:19:49 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42457728/article/details/87366672

本文介绍了一种使用JavaScript实现的点击事件监听方法，通过判断点击目标的父级类名来决定是否显示或隐藏特定的弹框元素。此技术适用于需要精细控制用户界面交互的Web开发场景。

//点击领取时间、沟通时间、创建时间，弹框后点击其他处可以关闭弹框
        function checkhide(parentclass, hideclass) {
            $("html").click(function checkhide(e) {
                if ($(e.target).parents().hasClass(parentclass)) { //如果点击区域的父级是该父级，就不做操作
                } else {
                    $("." + hideclass).removeClass("isshow");  //如果不是，对应的隐藏区域隐藏
                }
            });
        }
        checkhide('divselect1','hideul1');