为什么我uniapp能用div
发布网友
发布时间:2022-12-28 13:39
我来回答
共1个回答
热心网友
时间:2023-11-14 08:19
遇到的问题场景:点击按钮 出现自己写的弹窗,点击其他空白处 消失弹窗
思路:点击按钮的时候 获取出现弹窗的focus事件,让它聚焦;点击其他地方相当于这个弹窗失去焦点使用blur事件;同时我们需要给弹窗加一个tabindex="-1" 属性,否者blur事件不生效。
第一步:为元素绑定ref,添加tabindex属性,绑定blur事件

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

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

贴示:
(1)获取焦点需要用$nextTick包含,否则会获取不到
(2)$refs加变量方法 ['tip'+id],id为变量