JavaScript使用focus()設置焦點失敗的解決方法_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:26:57
JavaScript使用focus()設置焦點失敗的解決方法_javascript技巧
JavaScript使用focus()設置焦點失敗的解決方法_javascript技巧:昨天修改機頂盒上面的EPG頁面，遇到一個小問題。用戶購買游戲時需要彈出購買確認對話框，對話框的默認焦點規定必須停留在取消按鍵上。很簡單的需求，使用JavaScript的focus()方法就可以實現了。簡單的代碼示例如下： document.getElement
導讀JavaScript使用focus()設置焦點失敗的解決方法_javascript技巧:昨天修改機頂盒上面的EPG頁面，遇到一個小問題。用戶購買游戲時需要彈出購買確認對話框，對話框的默認焦點規定必須停留在取消按鍵上。很簡單的需求，使用JavaScript的focus()方法就可以實現了。簡單的代碼示例如下： document.getElement
昨天修改機頂盒上面的EPG頁面，遇到一個小問題。用戶購買游戲時需要彈出購買確認對話框，對話框的默認焦點規定必須停留在“取消”按鍵上。很簡單的需求，使用JavaScript的focus()方法就可以實現了。簡單的代碼示例如下：
但是苦逼的是，機頂盒真是一個大坑。由于要兼容所有現存的機頂盒型號，需要對8款機頂盒進行適配。然后就出現問題了！一款中興B600的機頂盒完全沒法將焦點設置到取消按鍵上。以下是我的解決思路：
首先確認該機頂盒是否支持getElementById()方法以及是否成功獲得了ID為“cancel”的元素：測試方法很簡單，直接另寫了一個
test
，然后在同樣的地方獲取ID為“test”的元素，并進行了簡單的操作document.getElementById("test").innerHTML="Hello"
最后使用了“try...catch(e)...”捕捉“focus()”失敗的原因
但是就是很奇怪！以上兩步的結果表明該機頂盒支持focus()和getElementById()，但是就是無法設置焦點到彈出的對話框中。
前前后后折騰了一個多小時，最后大BOSS出現了，就簡單說了一句話就解決了這個問題！有可能要主動調用flur()將原來的焦點取消掉！
然后就解決了這個問題。不得不感概！在解決這個問題的過程中，自己的思路其實還是蠻正確的，但知識面顯然不夠。一般程序員和高級程序員的差距除了解決問題的思路方面，也有經驗和知識面的差距！
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JavaScript使用focus()設置焦點失敗的解決方法_javascript技巧
JavaScript使用focus()設置焦點失敗的解決方法_javascript技巧:昨天修改機頂盒上面的EPG頁面，遇到一個小問題。用戶購買游戲時需要彈出購買確認對話框，對話框的默認焦點規定必須停留在取消按鍵上。很簡單的需求，使用JavaScript的focus()方法就可以實現了。簡單的代碼示例如下： document.getElement
