tv电视焦点操作笔记
所有操作代码都是基于jQuery写的
1、首先要获得遥控器键值来模拟,遥控器键值和键盘键值大同小异,以下附上一些基本键值
键值 | 按键名 |
---|---|
keycode 36 | Home |
keycode 37 | Left |
keycode 38 | Up |
keycode 39 | Right |
keycode 40 | Down |
keycode 13 | Enter |
2、知道键值名就可以判断了,主要用到 focus()、和onfocus两个函数
这里要注意,操作复杂时一定要消除遥控器默认的焦点移动逻辑,用preventDefault()来清除
$(".xx").on("keydown","a",function(event){
if(event.which == 37){
$(this).prev().focus();
event.preventDefault();
}
});
3、html上要注意要焦点的对象,如< a >标签,一定要加上href,如果没有链接,可以用javascript:void(0);占位。焦点目标尽量不要套标签,以便遍历同胞元素。
附上焦点对象表
属性 | 此事件发生在何时 |
---|---|
onfocus | 元素获得焦点。 |
onkeydown | 某个键盘按键被按下。 |
onkeypress | 某个键盘按键被按下并松开。 |
onkeyup | 某个键盘按键被松开。 |