uniapp 支持div获取、失去焦点

遇到的问题场景:点击按钮 出现自己写的弹窗,点击其他空白处 消失弹窗

思路:点击按钮的时候 获取出现弹窗的focus事件,让它聚焦;点击其他地方相当于这个弹窗失去焦点使用blur事件;同时我们需要给弹窗加一个tabindex="-1" 属性,否者blur事件不生效。

第一步:为元素绑定ref,添加tabindex属性,绑定blur事件

第二步:为div获取焦点写事件

第三步:为div失去焦点写事件

 

贴示:

(1)获取焦点需要用$nextTick包含,否则会获取不到

(2)$refs加变量方法 ['tip'+id],id为变量

注意:测试后,仅支持H5,小程序暂不支持

 

posted @ 2022-09-07 08:41  蓦然JL  阅读(2876)  评论(0编辑  收藏  举报
访问主页
关注我
关注微博
私信我
返回顶部