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