Il s'agit d'un code JS de base. Les amis qui souhaitent apprendre le JS peuvent l'étudier ou le développer. Il est préférable d'utiliser JS pour contrôler l'ensemble du clavier, ce qui sera très intéressant.
Le code spécifique est le suivant :
Copiez le code comme suit :
<style>
tr.highlight{fond :#08246B;couleur:blanc;}
</style>
<identifiant de la table="glace">
<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>
</table>
<langage de script="javascript">
<!--
//Définir la file d'attente d'initialisation
varLigneactuelle=-1;
var ColActuel=-1 ;
document.onkeydown=fonction(e){
e=window.event||e;
commutateur (e.keyCode) {
cas 37 : //Clic gauche
currentCol--;
changeItem();
casser;
cas 38 : //touche haut
ligneactuelle--;
changeItem();
casser;
cas 39 : //clic droit
currentCol++;
changeItem();
casser;
cas 40 : //Touche Bas
ligneactuelle++;
changeItem();
casser;
défaut:
casser;
}
}
//Appel de touche de direction
fonction changeItem(){
si (document.all)
var it=document.getElementByIdx_x("ice").children[0];
autre
var it=document.getElementByIdx_x("ice");
pour(i=0;i<it.rows.length;i++){
it.rows[i].className="";
}
si(Lignecourant<0){
currentLine=it.rows.length-1;
}
if(currentLine==it.rows.length){
ligneactuelle=0 ;
}
var objtab=document.all.ice;
var objrow=objtab.rows[currentLine].getElementsByTagName_r("INPUT");
si(colacturant<0){
currentCol=objrow.length-1;
}sinon if(currentCol==objrow.length){
ColActuel=0 ;
}
objrow[colacturant].select();
//utilisation du débogage
it.rows[currentLine].className="highlight";
}
//-->
</script>