如何让div等元素使用获取和失去焦点事件

div等原本无法获取焦点的标签获取焦点

方案一:给div添加 tabindex 属性。详见:https://www.cnblogs.com/sunrise/p/3499649.html。采用vue时, @blur事件可能无效时,采用 @blur.native.capture,获取焦点同理。

例:<u-icon tabindex="1" @blur.native.capture="blurNote()" name="question-circle" color="#a0a0a0" size="36"></u-icon>

方案二:拟态弹窗,弹出层外面包一层透明的mask,点击时隐藏。

方案三:a标签代替。

 

posted on 2020-10-16 17:59  嗨哆嚒  阅读(2534)  评论(0编辑  收藏  举报