如何让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标签代替。