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>
すべてのヘルプしてください
入力用のイベントリスナーがありますか? – nottu
私はそれがちょうど単純なものではないと思います –