制作收缩菜单时，怎么实现当点击非指定目标（空白地方）时，收起菜单

我们会有猫的

于 2019-09-05 14:30:24 发布

阅读量882

点赞数

分类专栏：遇到的问题

本文链接：https://blog.youkuaiyun.com/weixin_44252316/article/details/100557288

版权

遇到的问题专栏收录该内容

6 篇文章

订阅专栏

这个是前段时间制作路由器界面时遇到的问题，现在把它们一一搬过来

制作收缩菜单时，怎么实现当点击非指定目标（空白地方）时，收起菜单
要求效果：
点击这个div时，弹出这个小下拉菜单
在这里插入图片描述
再次点击或者点击任何其他地方：

实现代码

（这里仅放点空白部分收起的实现代码）：

$(document).click(function(event){
    var _con = $(register);  // 设置目标区域
    if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
        $(fold).slideUp(500);
    }
});

is（）方法是用来判断是否是当前事件的
e.target 是元素当前触发的事件