什么是epg?
EPG是Electronic Program Guide的英文縮寫捌刮，意思是電子節(jié)目指南。
epg頁面也就是電視盒子里的h5頁面。
由于很多盒子機(jī)型比較老，所以大多數(shù)情況都是用原生js進(jìn)行開發(fā)验夯，但還是會有很多需要適配和瀏覽器上不存在的問題。
input焦點(diǎn)問題
如果頁面上不只有一個(gè)input輸入框夫晌，默認(rèn)會有一個(gè)獲得焦點(diǎn)。這種情況會導(dǎo)致上下左右移動控制焦點(diǎn)失效曙博。
解決辦法：給input加disabled為true，移動到當(dāng)前項(xiàng)再為falsediv focus之后出現(xiàn)藍(lán)色邊框
解決辦法：
#btn0:focus {
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
3.input輸入框上下移動光標(biāo)在最前面怜瞒，優(yōu)化為光標(biāo)在最后
解決辦法：
var input1 = $('input1');
setPosition(input1); //將當(dāng)前input傳進(jìn)去
function setPosition(tobj) {
spos = tobj.value.length;
tobj.setSelectionRange(spos, spos);
if (tobj.setSelectionRange) { //兼容火狐,谷歌
setTimeout(function () {
if (tobj.value == "0.0000") {
tobj.setSelectionRange(spos, spos + 1);
} else {
tobj.setSelectionRange(spos, spos);
}
tobj.focus();
}, 0);
} else if (tobj.createTextRange) { //兼容IE
var rng = tobj.createTextRange();
rng.move('character', spos);
rng.select();
}
}
4.根據(jù)列表高度計(jì)算移動距離時(shí)父泳，部分盒子距離有問題
解決辦法：容易不要用section標(biāo)簽，用div
5.盡量不使用gif圖片吴汪，會造成頁面卡頓惠窄，頁面加載時(shí)間過長
6.圖片尺寸過大造成圖片顯示異常(變色、頁面加載緩慢卡頓)
解決辦法：圖片尺寸不宜過大漾橙，背景圖選擇1倍圖杆融，多壓縮幾遍
7.父元素設(shè)置：visibility: hidden; 且不在窗口可見區(qū)域
子元素設(shè)置：visibility: visible;也不會顯示
8.按鍵事件初始化前不要提前調(diào)用，避免函數(shù)提升
未完待續(xù).....
