js 键盘控制表格input上下左右移动

//初始化获取的行列
var currentLine= 0;
var currentCol=0;

function keyDown(obj){
var _row = obj.parentNode;

currentCol = _row.cellIndex;
   currentLine = _row.parentNode.rowIndex;
   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("specificationsTable").children[0];
else
var it=document.getElementById("specificationsTable");

if(currentLine<0){
    currentLine=it.rows.length-1;
}
if(currentLine==it.rows.length){
currentLine=0;
}
var objtab=document.all.specificationsTable;
var objrow=objtab.rows[currentLine].getElementsByTagName("INPUT");
if(currentCol<0){
    currentCol=objrow.length-1;
}else if(currentCol==objrow.length){
    currentCol=0;
}
objrow[currentCol].select();

}
</script>

js 键盘控制表格input上下左右移动相关推荐

html中隔行的代码,js+css 控制表格隔行变色与单行高亮的代码
代码片段: 1,css代码复制代码代码示例: table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px; ...
JS实战之使用键盘方向键控制方块的上下左右移动
使用键盘方向键控制方块的上下左右运动 <!DOCTYPE html> <html> <head><meta charset="UTF-8" ...
js实现键盘控制div移动（可加速）_☆往事随風☆的博客
文章目录前言一.基本思路二.代码分析 1.首先为div开启绝对定位 2.为document绑定键盘按下和抬起事件 3.获取对应键盘的Unicode编码 4.设置变量保存速度和键盘Unicode编 ...
你真的完全掌握了 Input 组件的键盘控制么？ ——百度智能小程序 Input 组件原理剖析与键盘行为说明
在百度智能小程序的很多开发场景中,我们都会使用到 Input 输入框组件.而在操作输入框的过程中,正确处理键盘的弹出和收起行为也是十分重要的一环.键盘行为不仅需要完美符合业务场景,同时也和用户体验息息 ...
three.js加载obj模型键盘控制模型局部动作
先贴上我前无古人后无来者的宇宙无敌搅拌机我想用键盘控制框框中各部分分别有各自的动作,我这模型虽然是简单几何体堆积的,但是这是在blender里制作了模型,导出obj格式的模型再导进页面的,主要是测试 ...
《JS控制表格奇偶数行背景色变换》
引言: 当我们利用html标记标签语言制作出一张普通的信息表格时,为了摆脱单调,提高用户体验,我们可以为其添加各种动态效果,以满足用户在操作表格时所带来的效果乐趣. 内容概括:当鼠标移动到表格上的相关 ...
H5，JS仿微信输入法，键盘上面带input输入框，兼容安卓、ios
H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓.ios 效果如图: 实现思路:先写一个固定定位的input,通过改变bottom的高度将input贴在键盘的顶部,所以这里需要知道键盘高度 ...
c语言键盘移动解决停顿问题,原生js实现键盘控制div移动且解决停顿问题
首先说明下为什么会停顿? 效果 :用键盘控制一个div移动当按下一个方向键不放,div会先停顿一下,然后才开始持续移动. 原因:系统要区分用户是否连续输入,第一个到第二个之间有一个停顿时间注:了解 ...
在Unity使用键盘控制摄像机的移动以及用鼠标滚轮控制摄像机视野放大和缩小
首先在Unity中新建一个ViewControl的脚本,并把这个脚本挂载在主摄像机上面,然后复制下列的代码! using System.Collections; using System.Collec ...

js 键盘控制表格input上下左右移动

js 键盘控制表格input上下左右移动相关推荐

最新文章

热门文章