Это базовый код JS. Друзья, желающие изучить JS, могут его изучить или расширить. Лучше всего использовать JS для управления всей клавиатурой, что будет очень интересно.
Конкретный код выглядит следующим образом:
Скопируйте код кода следующим образом:
<стиль>
tr.highlight{background:#08246B;цвет:белый;}
</стиль>
<идентификатор таблицы="лед">
<тр>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<тр>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<тр>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<тр>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
<тр>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
<td><input type='text'></td>
</tr>
</таблица>
<script Language="JavaScript">
<!--
//Определяем очередь инициализации
вар currentLine = -1;
вар currentCol=-1;
document.onkeydown=function(e){
е=окно.событие||е;
переключатель (e.keyCode) {
случай 37: //Щелкните левой кнопкой мыши
текущийКол--;
изменитьЭлемент();
перерыв;
случай 38: // клавиша вверх
текущаястрока--;
изменитьЭлемент();
перерыв;
случай 39: //щелчок правой кнопкой мыши
текущийКол++;
изменитьЭлемент();
перерыв;
случай 40: //Клавиша «Вниз»
текущаяЛиния++;
изменитьЭлемент();
перерыв;
по умолчанию:
перерыв;
}
}
//Вызов клавиши направления
функция ChangeItem(){
если(документ.все)
var it=document.getElementByIdx_x("ice").children[0];
еще
var it=document.getElementByIdx_x("лед");
for(i=0;i<it.rows.length;i++){
it.rows[i].className="";
}
если (currentLine<0){
currentLine=it.rows.length-1;
}
если (currentLine==it.rows.length){
текущаяЛиния=0;
}
вар objtab=document.all.ice;
var objrow=objtab.rows[currentLine].getElementsByTagName_r("INPUT");
если (текущийКол <0) {
currentCol=objrow.length-1;
}иначе если(currentCol==objrow.length){
текущийКол = 0;
}
objrow[currentCol].select();
//отладка использования
it.rows[currentLine].className="highlight";
}
//-->
</скрипт>