剛接觸js的小伙伴可能對js怎么樣操作鍵盤比較感興趣，這篇文章主要介紹了利用js來控制鍵盤的上下左右鍵示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助

　　js來控制鍵盤的上下左右鍵

　　這是一個JS初級代碼，想學(xué)JS的朋友，可以研究下或者擴展下

　　具體代碼如下：

　　代碼如下:

　　<style>

　　tr.highlight{background:#08246B;color:white;}

　　</style>

　　<table border="1" width="70%" 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">

　　<!--

　　//定義初始化行列

　　var currentLine=-1;

　　var currentCol=-1;

　　document.onkeydown=function(e){

　　e=window.event||e;

　　switch(e.keyCode){

　　case 37: //左鍵

　　currentCol--;

　　changeItem();

　　break;

　　case 38: //向上鍵

　　currentLine--;

　　changeItem();

　　break;

　　case 39: //右鍵

　　currentCol++;

　　changeItem();

　　break;

　　case 40: //向下鍵

　　currentLine++;

　　changeItem();

　　break;

　　default:

　　break;

　　}

　　}

　　//方向鍵調(diào)用

　　function changeItem(){

　　if(document.all)

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

　　else

　　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){

　　currentCol=0;

　　}

　　objrow[currentCol].select();

　　//調(diào)試使用

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

　　}

　　//-->

　　</script>

js控制鍵盤相關(guān)文章：

1.鍵盤怎么控制鼠標移動

2.怎么用鍵盤控制鼠標移動

3.XP系統(tǒng)在哪里設(shè)置鍵盤控制鼠標

4.win8的電腦怎么用鍵盤控制鼠標

5.鼠標箭頭不好控制該怎么辦