背景:今儿发现两篇掘金主写的类似自定义select时点击其他地方,关闭下拉框,文章链接:juejin.cn/post/689120… (底下评论还有一篇),想起之前也遇到过类似,不过场景简单,实现简单,先搬过来之前写的(以便比较总结学习)
场景:下拉显示一个表格,点击下拉框和下拉列表之外的部分,关闭下拉.
实现思路:分成下拉部分表和之外两部分,下拉列表比下拉框层级高些,点击时判断点击区域.
说明:这一实现方法,应该是之前看过他人写过类似的,忘记是哪一篇了,在此谢过(要是本人或者知道原链接的可以发我,我贴上,不要告我哈,凡事好商量)。
实现目标:点击红色框以外区域,关闭下拉列表
实现代码:
closeCover样式:
判断点击事件:
如此这样,就能实现点击其他区域,关闭下拉列表了。