如何讓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