学习啦>学习电脑>电脑硬件知识>键盘鼠标>

怎么用js来控制键盘

时间: 沈迪豪908 分享

  刚接触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.鼠标箭头不好控制该怎么办

怎么用js来控制键盘

刚接触js的小伙伴可能对js怎么样操作键盘比较感兴趣,这篇文章主要介绍了利用js来控制键盘的上下左右键示例代码。需要的朋友可以过来参考下,希望对大家有所帮助 js来控制键盘的上下左右键 这是一个JS初级代码,想学JS的朋友,可以研究
推荐度:
点击下载文档文档为doc格式

精选文章

  • 电脑键盘详细示意图
    电脑键盘详细示意图

    电脑键盘作为电脑最常用输入设备,其重要性就不言而喻了,可能很多新手都不知道键位在哪?今天学习啦为大家分享一下键盘的基本知识以及键位的详细

  • 什么牌子的机械键盘好
    什么牌子的机械键盘好

    爱玩游戏的小伙伴们,可能都玩过LOL,都喜欢用好的键盘,而机械键盘就是不二之选,这时候就有一个问题,机械键盘什么牌子好?下面由学下啦小编为大家

  • 机械键盘跟普通键盘的不同之处
    机械键盘跟普通键盘的不同之处

    爱玩游戏的小伙伴们,可能都喜欢用机械键盘,但是你知道跟普通键盘有什么不一样?不知道的话跟着学习啦小编一起来了解一下机械键盘跟普通键盘的区别

  • 教你怎么清洗键盘
    教你怎么清洗键盘

    大家都知道键盘怎么用但是永久了键盘会很脏,这时候我们都会想到电脑键盘怎么清洗呢?不知道的话跟着学习啦小编一起来学习一下键盘该怎么清洗吧。

1936484