javascript - 如图所示：求打开与关闭的js实现代码，鼠标点击其他位置 列表消失

Question

Answer 1

//在点击dropdown的时候获取列表对象 并让其显示
$('DropDown').click(function(){
    $('list').show();
});
//获取html中点击事件
$(html).mousedown(function(e){
    //使用e.target 判断事件源 是否在 dropDown或者list上 来处理是否隐藏
    $($(e.target)!=$('DropDown')&&$(e.target)!=$('list')){
        $('list').hide();
    }
});

Answer 2

点在dropdown的时候就 display：block 其他地方就是display： none