Utilice JS para controlar las teclas arriba, abajo, izquierda y derecha del teclado (código de muestra)

Este es un código JS básico. Los amigos que quieran aprender JS pueden estudiarlo o ampliarlo. Es mejor usar JS para controlar todo el teclado, lo cual será muy interesante.

El código específico es el siguiente:

Copie el código de código de la siguiente manera:

<estilo>

tr.highlight{fondo:#08246B;color:blanco;}

</estilo>

<table id="hielo">

<tr>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

</tr>

<tr>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

</tr>

<tr>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

</tr>

<tr>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

</tr>

<tr>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

<td><tipo de entrada='texto'></td>

</tr>

</tabla>

<lenguaje de escritura="javascript">

<!--

//Definir cola de inicialización

var líneaactual=-1;

var colactual=-1;

documento.onkeydown=función(e){

e=ventana.evento||e;

cambiar(e.keyCode){

caso 37: //clic izquierdo

currentCol--;

cambiarArtículo();

romper;

caso 38: //tecla arriba

línea actual--;

cambiarArtículo();

romper;

caso 39: //clic derecho

colactual++;

cambiarArtículo();

romper;

caso 40: //tecla abajo

líneaactual++;

cambiarArtículo();

romper;

por defecto:

romper;

}

}

//llamada de tecla de dirección

función cambiarItem(){

si(documento.todo)

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

demás

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

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

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

}

si(Línea actual<0){

currentLine=it.rows.length-1;

}

if(líneaactual==it.rows.length){

Línea actual=0;

}

var objtab=document.all.ice;

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

si(col actual<0){

currentCol=objrow.length-1;

}de lo contrario si(currentCol==objrow.length){

colactual=0;

}

objrow[currentCol].select();

//uso de depuración

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

}

//-->

</script>