没有合适的资源?快使用搜索试试~ 我知道了~
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
1 下载量 186 浏览量
2020-11-30
08:18:48
上传
评论
收藏 48KB PDF 举报
温馨提示
试读
1页
在开发过程中,为了效果好看,往往需要自己开发一个下拉列表,而不是使用 HTML 自身的 select 下拉列表。然而当编写自定义下拉列表的时候,就会碰到一个问题:如果用户在下拉列表的范围外进行鼠标点击的操作,如何关闭已经打开的下拉列表? 解决思路如下:在 DOM 的根节点上添加一个 click 事件,同时下拉列表内阻止事件的默认行为和冒泡。当响应这个点击事件的时候,说明是在下拉列表范围外的点击(因为下拉列表内阻止了事件的冒泡),就可以关闭已经打开的下拉列表。 如果是纯 JS 代码,有人可能会使用 [removed] 来添加根节点事件。不过,我现在使用 Vue.js,会选择使用 V
资源推荐
资源评论
资源评论
weixin_38543293
- 粉丝: 7
- 资源: 963
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功