如何在输入中调用键事件

时间:2016-11-24 01:38:17

标签: javascript jquery tizen samsung-smart-tv tizen-web-app

我一直在为智能电视开发一个tizen网络应用程序 有一个视图,我有很多输入,所以我需要设置它们之间的导航,事实上导航功能适用于其他元素,如div和图片,但一旦我在输入(onfocus)内我不能移动到任何其他元件 这是事件监听器功能

document.addEventListener('keydown',function(e) {
                switch (e.keyCode) {
                case TvKeyCode.KEY_LEFT:
                    navigation("left");
                    break;
                case TvKeyCode.KEY_UP: 
                    navigation("up");
                    break;
                case TvKeyCode.KEY_RIGHT: 
                    navigation("right");
                    break;
                case TvKeyCode.KEY_DOWN:                    
                    navigation("down");
                    break;
                case TvKeyCode.KEY_ENTER: 
                    break;
                }
});

这是导航功能(inputindex已初始化为零)

function navigation(direction) {
    if (direction == "up") {
        $(".bottom-container").find("input").filter('input:eq('+inputindex+')').focus();
        inputindex--;
        }
    if (direction == "down") {
        $(".bottom-container").find("input").filter('input:eq('+inputindex+')').focus();
        inputindex++;
        }

    if (direction == "left") {
         //an other fnction
        }
    if (direction == "right") {
         //an other function
        }
}

这是输入

<tr>
                <td>Math:</td>
                <td><input class="inputsize" type="number" size="4" 
                    max="20" step="0" /></td>
                <td><input class="inputsize" type="number" size="4" 
                    max="20" step="0" /></td>   
            </tr>
            <tr>
                <td>Science:</td>
                <td><input class="inputsize" type="number" size="4" 
                    max="20" step="0" /></td>
                <td><input class="inputsize" type="number" size="4" 
                    max="20" step="0" /></td>   
            </tr>

请帮助

1 个答案:

答案 0 :(得分:1)

添加&#39;输入设备&#39; config.xml文件中的特权

 <tizen:privilege name="http://tizen.org/privilege/tv.inputdevice"/>

您可以与Text input Guide一起检查此Key codeSample code