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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM