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

Question

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

Answer 1

用$element来表示你要隐藏的下拉菜单即$element=$('.need-hidden-element')
你添加下面的代码
$(document)
.on('click',function(){
$element.hide();
})
.on('click','.need-hidden-element',function(event){
event.stopPropagation();
})
                            

Answer 2

click事件绑定到ele父元素（document.body）。
判断事件event.target和event.currentTarget是否相等。
如果相等，则是在ele元素之外(document.body)触发，隐藏下拉菜单，不等则是ele元素触发。