机顶盒web前端编写注意

1.机顶盒自身焦点可以在a带‘href’属性的标签上移动，如果是通过js添加的a标签，会出现偶然卡顿。

2很多css3的样式在机顶盒不兼容，某些样式在其前面添加‘-webkit-’可正常使用。

3.有各种原因需要自己写js来控制焦点，这时可以给需要焦点的元素设置一个id标识，通过addClass和removeClass来控制手工焦点。

  控制键盘移动的事件如：

document.onkeydown=function(e){
    if(e.which==37){//左移动
         $('.iFocus').removeClass('iFocus');
          $('#btn').addClass('iFocus');
    }

}    

4.尽量少用焦点触发事件。

5。手工添加焦点的一种方法：

　　　　给每个需要焦点的元素一个id，在给他设一个data-id，记录他的上下左右对应的下一个焦点如：

　　　　　　

<div id="a" data-id="b-c-d-e"></div>

　　然后用split（‘-’）将data-id分成一个数组，数组每一项对应一个id，在键盘按下后根据键值判断下一个id焦点。

如果按钮少可以使用这种方法，打印列表也可以根据计算添加data-id

6.我也想知道更多的注意事项