怎么用js来控制键盘

　　刚接触js的小伙伴可能对js怎么样操作键盘比较感兴趣，这篇文章主要介绍了利用js来控制键盘的上下左右键示例代码。需要的朋友可以过来参考下，希望对大家有所帮助

　　js来控制键盘的上下左右键

学习啦在线学习网 　　这是一个JS初级代码，想学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;

　　}

　　}

　　//方向键调用

学习啦在线学习网 　　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();

　　//调试使用

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

　　}

　　//-->

　　</script>

js控制键盘相关文章：

1.键盘怎么控制鼠标移动

2.怎么用键盘控制鼠标移动

3.XP系统在哪里设置键盘控制鼠标

4.win8的电脑怎么用键盘控制鼠标

5.鼠标箭头不好控制该怎么办