利用JS來控制鍵盤的上下左右鍵

主要介紹了利用JS來控制鍵盤的'上下左右鍵示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助

這是一個JS初級代碼，想學JS的朋友，可以研究下或者擴展下，最好能用JS實現整個鍵盤的控制，那感覺就很有意思了。

　　具體代碼如下：

代碼如下:

<style>

light{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;

ydown=function(e){

e=t||e;

switch(ode){

case 37: //左鍵

currentCol--;

changeItem();

break;

case 38: //向上鍵

currentLine--;

changeItem();

break;

case 39: //右鍵

currentCol++;

changeItem();

break;

case 40: //向下鍵

currentLine++;

changeItem();

break;

default:

break;

}

}

//方向鍵調用

function changeItem(){

if()

var it=lementByIdx_x("ice")dren[0];

else

var it=lementByIdx_x("ice");

for(i=0;i<th;i++){

[i]sName="";

}

if(currentLine<0){

currentLine=th-1;

}

if(currentLine==th){

currentLine=0;

}

var objtab=;

var objrow=[currentLine]lementsByTagName_r("INPUT");

if(currentCol<0){

currentCol=th-1;

}else if(currentCol==th){

currentCol=0;

}

objrow[currentCol]ct();

//調試使用

[currentLine]sName="highlight";

}

//-->

</script>