昨天修改機頂盒上面的EPG頁面，遇到一個小問題。用戶購買游戲時需要彈出購買確認對話框，對話框的默認焦點規定必須停留在“取消”按鍵上。很簡單的需求，使用JavaScript的focus()方法就可以實現了。簡單的代碼示例如下：

document.getElementById("cancel").focus()

但是苦逼的是，機頂盒真是一個大坑。由于要兼容所有現存的機頂盒型號，需要對8款機頂盒進行適配。然后就出現問題了！一款中興B600的機頂盒完全沒法將焦點設置到取消按鍵上。以下是我的解決思路：

首先確認該機頂盒是否支持getElementById()方法以及是否成功獲得了ID為“cancel”的元素：測試方法很簡單，直接另寫了一個 <p id="test">test</p> ，然后在同樣的地方獲取ID為“test”的元素，并進行了簡單的操作document.getElementById("test").innerHTML="Hello"
最后使用了“try...catch(e)...”捕捉“focus()”失敗的原因

try(){ <span style="white-space:pre"> </span>document.getElementById("cancel").focus() }catch(e){ <span style="white-space:pre"> </span>alert(e.name + ": " + e.what()); }

但是就是很奇怪！以上兩步的結果表明該機頂盒支持focus()和getElementById()，但是就是無法設置焦點到彈出的對話框中。

前前后后折騰了一個多小時，最后大BOSS出現了，就簡單說了一句話就解決了這個問題！有可能要主動調用flur()將原來的焦點取消掉！

document.getElementById("purchase").flur()

然后就解決了這個問題。不得不感概！在解決這個問題的過程中，自己的思路其實還是蠻正確的，但知識面顯然不夠。一般程序員和高級程序員的差距除了解決問題的思路方面，也有經驗和知識面的差距！