在一个元素之外发生点击事件然后隐藏一个下拉菜单该怎么做?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

在一个元素之外发生点击事件然后隐藏一个下拉菜单该怎么做?

2016-03-26 09:20:30 1473 1

不是mouseout这样的事件,是在一个元素之外发生点击事件,然后隐藏元素内的一个下拉菜单,效果就类似于segmentfault在添加标签时,会出来一个提示的下拉菜单,然后在菜单之外点击就隐藏菜单,不知道应该怎样绑定事件呢?

取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:15:16

    用$element来表示你要隐藏的下拉菜单即$element = $('.need-hidden-element')
    你添加下面的代码

    $(document)
        .on('click', function(){
            $element.hide();
        })
        .on('click', '.need-hidden-element', function(event){
            event.stopPropagation();
        })
    0 0
2736
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载