点击其他区域关闭,自定义select

1,105 阅读1分钟

背景:今儿发现两篇掘金主写的类似自定义select时点击其他地方,关闭下拉框,文章链接:juejin.cn/post/689120… (底下评论还有一篇),想起之前也遇到过类似,不过场景简单,实现简单,先搬过来之前写的(以便比较总结学习)

场景:下拉显示一个表格,点击下拉框和下拉列表之外的部分,关闭下拉.

实现思路:分成下拉部分表和之外两部分,下拉列表比下拉框层级高些,点击时判断点击区域.

说明:这一实现方法,应该是之前看过他人写过类似的,忘记是哪一篇了,在此谢过(要是本人或者知道原链接的可以发我,我贴上,不要告我哈,凡事好商量)。

实现目标:点击红色框以外区域,关闭下拉列表 实现代码: closeCover样式:

判断点击事件: 如此这样,就能实现点击其他区域,关闭下拉列表了。