2016-11-24 9 views
3

Я разрабатываю веб-приложение tizen для интеллектуального телевидения
Существует один вид, где у меня много входов, поэтому мне нужно установить навигацию между ними, на самом деле навигацию функция работает хорошо для другого элемента, как дивы и картинки, но когда я нахожусь внутри входного (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> 

Любая помощь, пожалуйста,

+0

У вас есть слушатель событий для ввода? – nottu

+0

Я думаю, что это не просто –

ответ

1

Добавить привилегию 'Input Device' в файле config.xml

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

Вы можете проверить это Text input Guide и Key code вместе с Sample code.