如何保持html輸入始終處於焦點狀態? 創建元素時使用autofocus
屬性有助於關注頁面加載,但它不會將焦點保留在對象上。有沒有簡單的方法來保持焦點?Html輸入,始終處於焦點狀態
5
A
回答
17
試試這個:
<!-- On blur event (unfocus) refocus the input -->
<input onblur="this.focus()" autofocus />
<input value="Can't focus on this" />
基本上,你增加一個blur
事件(每當輸入失去焦點時發生),並在模糊事件,你關注的是輸入。另外,您還可以添加autofocus
屬性以開始關注。
P.S.如果您打算將這個網站用於實際用戶的網站,從用戶界面的角度來看,這可能不是一個好主意。
+4
似乎不再在Firefox中工作41 – Moustachauve 2015-09-29 13:15:55
+0
似乎是一個偉大的想法對我來說,如果你的意思是做一個命令行網站 – 2016-01-17 08:04:29
相關問題
- 1. BroadcastReceiver始終處於活動狀態
- 2. Alamofire始終輸入失敗狀態
- 3. NETCF - 始終處於頂層狀態,但SIP始終處於頂端問題
- 4. 將Windows應用程序保留在其他窗口之上並始終處於聚焦狀態 - 始終
- 5. 如何設置一個JFrame始終處於焦點
- 6. 當內部輸入爲焦點時Div改變邊框顏色(焦點狀態)
- 7. 如何聚焦狀態到z3c.form輸入
- 8. Android Camera2焦點狀態陷入困境
- 9. 如何清除軟鍵盤當EditText處於焦點狀態時?
- 10. 路由器對象始終處於未定義狀態
- 11. 工人級別是否始終處於CPU 100%負載狀態?
- 12. Google App Engine - 自動縮放並始終處於實例狀態?
- 13. 自動構建始終處於打開狀態
- 14. index.html中的按鈕標記始終處於禁用狀態
- 15. 的Qt :: WindowStaysOnTopHint部件始終處於激活狀態
- 16. 我如何使靈藥始終處於進程狀態?
- 17. SqlServer視圖始終處於最新狀態?
- 18. 如何確保我的服務始終處於運行狀態
- 19. 網絡活動指示燈應始終處於活動狀態?
- 20. AIR手機始終處於風景狀態
- 21. C#ScrollView - 滾動始終處於禁用狀態
- 22. LightBox下一步按鈕始終處於設置狀態?
- 23. CloudWatch警報始終處於數據不足狀態
- 24. 角2根的路線始終處於活動狀態
- 25. 如何設置活動始終處於活動狀態?
- 26. 保持TortoiseSVN和NetBeans IDE始終處於同步狀態
- 27. 如何使angularJS控制器始終處於活動狀態?
- 28. OSGi equinox bundle始終處於「已解決」狀態
- 29. 如何讓我的機器人始終處於閒置狀態?
- 30. 複選框始終處於選中狀態頁面重載
強制關注輸入元素可能是一個非常糟糕的設計理念......我只是說;) – Terry 2014-11-06 23:01:58