Use JS para controlar as teclas para cima, para baixo, esquerda e direita do teclado (exemplo de código)

Este é um código JS básico. Amigos que desejam aprender JS podem estudá-lo ou expandi-lo. É melhor usar JS para controlar todo o teclado, o que será muito interessante.

O código específico é o seguinte:

Copie o código do código da seguinte forma:

<estilo>

tr.highlight{fundo:#08246B;cor:branco;}

</estilo>

<table id="gelo">

<tr>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

</tr>

<tr>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

</tr>

<tr>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

</tr>

<tr>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

</tr>

<tr>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

<td><input type='text'></td>

</tr>

</tabela>

<linguagem script="javascript">

<!--

//Define a fila de inicialização

varLinhaAtual=-1;

var currentCol=-1;

document.onkeydown=função(e){

e=janela.evento||e;

switch(e.keyCode){

caso 37: //Clique esquerdo

col atual--;

alterarItem();

quebrar;

caso 38: //tecla para cima

linha atual--;

alterarItem();

quebrar;

caso 39: //clique com o botão direito

atualCol++;

alterarItem();

quebrar;

case 40: //tecla para baixo

linha atual++;

alterarItem();

quebrar;

padrão:

quebrar;

}

}

//Chamada da tecla de direção

função alterarItem(){

se(documento.todos)

var it=document.getElementByIdx_x("ice").children[0];

outro

var it=document.getElementByIdx_x("ice");

for(i=0;i<it.rows.length;i++){

it.rows[i].className="";

}

if(linhaatual<0){

linha atual=it.rows.length-1;

}

if(linhaatual==it.rows.length){

LinhaAtual=0;

}

var objtab=document.all.ice;

var objrow=objtab.rows[linhaatual].getElementsByTagName_r("INPUT");

if(col atual<0){

currentCol=objrow.length-1;

}else if(currentCol==objrow.length){

ColAtual=0;

}

objrow[colcorrente].select();

//depuração de uso

it.rows[currentLine].className="destaque";

}

//-->

</script>