素材巴巴 > 程序开发 >

自定义select,点击空白处关闭下拉框

程序开发 2023-09-05 16:05:38

        利用事件委托的方法来实现,点击 input 输入框会冒泡到外面的盒子触发事件,先隐藏,再判断点击的元素是不是 input输入框,true 就让下拉框显示。

 

// select 组件
 // 样式
 
 

         如果有时点击空白处没有隐藏下拉框,看看是不是没有点击在父组件的区域内

// 父组件
 

更新: 使用 contains 方法来判断更简单,如果 B元素是A元素的子节点,A.contains(B) 为true,否则反之。


标签:

上一篇: 如何使用 Python 开发微信小程序 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。