div失去焦點


遇到的問題場景:點擊按鈕 出現自己寫的彈窗,點擊其他空白處 消失彈窗

思路:點擊按鈕的時候 獲取出現彈窗的focus事件,讓它聚焦;點擊其他地方相當於這個彈窗失去焦點使用blur事件;同時我們需要給彈窗加一個tabindex="-1" 屬性,否者blur事件不生效。

第一步:通過$refs獲取元素的focus事件

 

 

第二步:在彈窗元素上添加 tabindex="-1" 屬性

 

 

第三步:定義blur事件 讓彈窗消失; (我這里是根據dropId是否有值來進行彈窗是否顯示的)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM