uniapp 支持div获取、失去焦点
遇到的问题场景:点击按钮 出现自己写的弹窗,点击其他空白处 消失弹窗
思路:点击按钮的时候 获取出现弹窗的focus事件,让它聚焦;点击其他地方相当于这个弹窗失去焦点使用blur事件;同时我们需要给弹窗加一个tabindex="-1" 属性,否者blur事件不生效。
第一步:为元素绑定ref,添加tabindex属性,绑定blur事件
第二步:为div获取焦点写事件
第三步:为div失去焦点写事件
贴示:
(1)获取焦点需要用$nextTick包含,否则会获取不到
(2)$refs加变量方法 ['tip'+id],id为变量
注意:测试后,仅支持H5,小程序暂不支持
蓦然、回首,那人就在灯火阑珊处