jq实现点击空白区域，让弹窗消失

最新推荐文章于 2021-06-03 14:38:01 发布

什么时候当老板

最新推荐文章于 2021-06-03 14:38:01 发布

阅读量895

点赞数 3

文章标签： js jquery

本文链接：https://blog.youkuaiyun.com/weixin_46095773/article/details/107101151

版权

本文介绍了一种使用jQuery实现的功能，当用户点击页面上的空白区域时，特定的div元素会消失。通过判断点击事件是否发生在指定的目标区域或其子元素上，来决定是否触发div的隐藏操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能需求：
因项目要求，让点击空白区域，使点击出来的div消失；

<script>
    $(document).click(function (e) {
        var _con=$('.ddh');//设置目标区域使其点击这个区域popup不消失
        if(!_con.is(e.target) && _con.has(e.target).length===0){//判断点击事件发生在区域外的条件是：1. 点击事件的对象不是目标区域本身2. 事件对象同时也不是目标区域的子元素
            $('.popup').hide();//让popup这个元素消失
        }
    })
</script>