Dies ist ein grundlegender JS-Code. Freunde, die JS lernen möchten, können ihn am besten studieren oder erweitern, um die gesamte Tastatur zu steuern, was sehr interessant sein wird.
Der spezifische Code lautet wie folgt:
Kopieren Sie den Codecode wie folgt:
<Stil>
tr.highlight{Hintergrund:#08246B;Farbe:weiß;}
</style>
<table id="ice">
<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>
<script language="javascript">
<!--
//Initialisierungswarteschlange definieren
var currentLine=-1;
var currentCol=-1;
document.onkeydown=function(e){
e=window.event||e;
switch(e.keyCode){
Fall 37: //Linksklick
currentCol--;
changeItem();
brechen;
Fall 38: //Aufwärtstaste
currentLine--;
changeItem();
brechen;
Fall 39: //Rechtsklick
aktuelle Spalte++;
changeItem();
brechen;
Fall 40: //Ab-Taste
currentLine++;
changeItem();
brechen;
Standard:
brechen;
}
}
//Richtungstastenaufruf
Funktion changeItem(){
if(document.all)
var it=document.getElementByIdx_x("ice").children[0];
anders
var it=document.getElementByIdx_x("ice");
for(i=0;i<it.rows.length;i++){
it.rows[i].className="";
}
if(currentLine<0){
currentLine=it.rows.length-1;
}
if(currentLine==it.rows.length){
currentLine=0;
}
var objtab=document.all.ice;
var objrow=objtab.rows[currentLine].getElementsByTagName_r("INPUT");
if(currentCol<0){
currentCol=objrow.length-1;
}else if(currentCol==objrow.length){
aktuelle Spalte = 0;
}
objrow[aktuelleSpalte].select();
//Debugging-Nutzung
it.rows[currentLine].className="highlight";
}
//-->
</script>