tv电视焦点(遥控器)操作笔记jq

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 某个键盘按键被松开。

你可能感兴趣的:(小知识,电视,jquery)