顯示廣告
隱藏 ✕
看板 Knuckles_note
作者 Knuckles(阿德)
標題 [JS] 使用Chrome時input元件hide再show無法取得focus問題
時間 2010年01月27日 Wed. PM 11:29:46


關於使用Google Chrome時
再次推文,input框框會無法取得焦點的問題

試了一下按推文再取消,再按一次推文也會這樣

仔細觀察 在Chrome之下 取得焦點的input元件 框框會變成橘色的
而input元件隱藏再出現時,框框是橘色的沒錯,只是不能直接輸入東西

所以實驗了一下,第一次把input叫出來後,用滑鼠在旁邊點一下
讓input失去焦點,再按取消把他隱藏
接著再次把他叫出來時,就可以正常取得焦點了

結論是:在Chrome之下,已取得焦點的元件隱藏再出現後,無法再次取得焦點

解決方法:隱藏的時候加個步驟讓他失去焦點(blur)即可

使用 jQuery 的方法就是加個 $('#input').blur();
--
※ 來源: DISP BBS (http://disp.twbbs.org)
※ 作者: Knuckles  來自: 114.43.113.83  時間: 2010-01-27 23:29:46
※ 看板: KnucklesNote 文章推薦值: 1 目前人氣: 0 累積人氣: 479 
1樓 時間: 2010-04-05 07:39:11 (台灣)
  04-05 07:39 TW
是的,確實有這樣的狀況發生,所以只好手動滑鼠游標  XD
e)編輯 d)刪除 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇