Javascript 如何在单击“外部”时关闭下拉列表？

我已经修改了我的html和css。当在下拉列表外部而不是内部单击时，是否有人建议如何隐藏复选框列表下拉列表。只有在“确定”点击时，它才应该隐藏在里面

小提琴：

。向下箭头包装器{
显示：内联块；
位置：相对位置；
利润率：0.3倍
}
.向下箭头{
背景图像：url（“https://i.stack.imgur.com/uiDSf.png");
宽度：10px；
高度：10px；
显示：内联块；
浮动：对；
保证金：3px0
}
.复选框列表{
宽度：138px；
最大高度：210像素；
溢出y：自动；
边框：1px实心rgb（226226226226）；
背景色：#fff；
保证金：0；
填充物：5px；
位置：绝对位置；
顶部：22px；
右：0
}
.复选框列表>li{
宽度：100%；
列表样式：无；
填充：5px0；
文本对齐：左对齐；
垂直对齐：顶部；
颜色：rgba（84,84,84,0.8）；
字号：400
}
.复选框列表>li标签{
颜色：rgba（84,84,84,0.8）；
字体大小：400；
字号：12px
}
.checkbox list.btn{
宽度：100%；
显示：块；
利润率：0.05倍；
字号：13px
}

您想要这样的吗

我已更改了

JS

，以侦听

主体上的每个单击事件

，并在单击的目标是

a

且父对象是

#下拉组

时作出反应。如果是，它将显示

#ul_组

，如果单击

#ul_组

，它将执行相同的操作

$（“正文”）。单击（函数（事件）{
if（event.target.nodeName==“A”&&&$（event.target）.parent（）.attr（'id'）==“dropdownggroup”| |$（event.target）.parent（）.attr（'id'）==“ul|u组”）{
$（'ul#u组'）.show（）；
}否则{
$（“#ul_组”）.hide（）；
}
});
#ul#u组{
显示：无；
}
.向下箭头包装{
显示：内联块；
位置：相对位置；
利润率：0.3倍
}
.向下箭头{
背景图像：url（“https://i.stack.imgur.com/uiDSf.png");
宽度：10px；
高度：10px；
显示：内联块；
浮动：对；
保证金：3px0
}

日期
时间
组名

你好

您的代码中没有
下拉列表，也没有箭头。使用箭头图像编辑此操作很好，但我只希望在箭头图像上应用单击。