2016-11-24 5 views
3

私はスマートテレビの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> 

すべてのヘルプしてください

+0

入力用のイベントリスナーがありますか? – nottu

+0

私はそれがちょうど単純なものではないと思います –

答えて

1

は、あなたが一緒にこのText input GuideKey codeをチェックして、あなたのconfig.xmlファイルに

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

」を入力デバイスの権限を追加しますSample code

関連する問題