完美解決BootStrap模態(tài)框和select2合用時input無法獲取焦點問題
來源：懂視網(wǎng)
責編：小OO
時間：2020-11-27 20:13:49
完美解決BootStrap模態(tài)框和select2合用時input無法獲取焦點問題
在bootstrap的模態(tài)框里使用select2插件，會導致select2里的input輸入框沒有辦法獲得焦點，沒有辦法輸入。解決方法。把頁面中的 tabindex="；-1"；刪掉（測試成功）。；可以在onshown方法里面做處理，主要原理就是因為bootstrap的tabindex='；-1'；，占用了select2的tabindex='；0'；，腳本做處理 模態(tài)框顯示出來后，將模態(tài)框的tabindex屬性刪掉。；重寫enforceFocus方法（測試發(fā)現(xiàn)沒有效果）。；
導讀在bootstrap的模態(tài)框里使用select2插件，會導致select2里的input輸入框沒有辦法獲得焦點，沒有辦法輸入。解決方法。把頁面中的 tabindex="；-1"；刪掉（測試成功）。；可以在onshown方法里面做處理，主要原理就是因為bootstrap的tabindex='；-1'；，占用了select2的tabindex='；0'；，腳本做處理 模態(tài)框顯示出來后，將模態(tài)框的tabindex屬性刪掉。；重寫enforceFocus方法（測試發(fā)現(xiàn)沒有效果）。；
在bootstrap的模態(tài)框里使用select2插件,會導致select2里的input輸入框沒有辦法獲得焦點,沒有辦法輸入。怎么解決這個問題呢？下面小編給大家?guī)砹薆ootStrap模態(tài)框和select2合用時input無法獲取焦點的解決方法，一起看看吧
在bootstrap的模態(tài)框里使用select2插件,會導致select2里的input輸入框沒有辦法獲得焦點,沒有辦法輸入.
解決方法:
把頁面中的 tabindex="-1" 刪掉（測試成功）:
可以在onshown方法里面做處理，主要原理就是因為bootstrap的tabindex='-1',占用了select2的tabindex='0'，腳本做處理 模態(tài)框顯示出來后，將模態(tài)框的tabindex屬性刪掉
重寫enforceFocus方法（測試發(fā)現(xiàn)沒有效果）:
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
完美解決BootStrap模態(tài)框和select2合用時input無法獲取焦點問題
在bootstrap的模態(tài)框里使用select2插件，會導致select2里的input輸入框沒有辦法獲得焦點，沒有辦法輸入。解決方法。把頁面中的 tabindex="；-1"；刪掉（測試成功）。；可以在onshown方法里面做處理，主要原理就是因為bootstrap的tabindex='；-1'；，占用了select2的tabindex='；0'；，腳本做處理 模態(tài)框顯示出來后，將模態(tài)框的tabindex屬性刪掉。；重寫enforceFocus方法（測試發(fā)現(xiàn)沒有效果）。；
