Ini adalah kode JS dasar. Teman yang ingin mempelajari JS dapat mempelajarinya atau mengembangkannya. Yang terbaik adalah menggunakan JS untuk mengontrol seluruh keyboard, yang akan sangat menarik.
Kode spesifiknya adalah sebagai berikut:
Copy kode kodenya sebagai berikut:
<gaya>
tr.highlight{latar belakang:#08246B;warna:putih;}
</gaya>
<tabel id="es">
<tr>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
</tr>
<tr>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
</tr>
<tr>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
</tr>
<tr>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
</tr>
<tr>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
<td><tipe masukan='teks'></td>
</tr>
</tabel>
<skrip bahasa="javascript">
<!--
//Tentukan antrian inisialisasi
var Garis saat ini=-1;
var CurrentCol=-1;
dokumen.onkeydown=fungsi(e){
e=jendela.acara||e;
beralih(e.Kode Kunci){
kasus 37: //Klik kiri
saat iniKol--;
perubahanItem();
merusak;
kasus 38: //kunci atas
Garis saat ini--;
perubahanItem();
merusak;
kasus 39: //klik kanan
Kol saat ini++;
perubahanItem();
merusak;
kasus 40: //Tombol bawah
Garis saat ini++;
perubahanItem();
merusak;
bawaan:
merusak;
}
}
//Pemanggilan tombol arah
fungsi perubahanItem(){
if(dokumen.semua)
var it=document.getElementByIdx_x("ice").children[0];
kalau tidak
var it=document.getElementByIdx_x("es");
for(i=0;i<it.baris.panjang;i++){
itu.baris[i].className="";
}
if(Garis Saat Ini<0){
currentLine=it.rows.length-1;
}
if(garis saat ini==itu.baris.panjang){
Garis saat ini=0;
}
var objtab=dokumen.semua.es;
var objrow=objtab.rows[currentLine].getElementsByTagName_r("INPUT");
if(Kol saat ini<0){
currentCol=objrow.length-1;
}else if(currentCol==objrow.length){
Kol saat ini=0;
}
objrow[currentCol].pilih();
//debug penggunaan
it.rows[currentLine].className="highlight";
}
//-->
</skrip>