html上下键移动单元格,如何用键盘的上下键盘来移动表格的每一行

无标题文档

#tb1 td{background:#ccc;padding:3px;border:1px solid #999;}

a1	a2	a3
b1	b2	b3
c1	c2	c3
d1	d2	d3
e1	e2	e3
f1	f2	f3

编辑内容：

$(document).keydown(keyCtrl);

var obj=$("#tb1").children().children();

var h=0,l=0;

var maxh=obj.size()-1

var maxl=obj.children().size()/(maxh+1)-1;

select();

function select(){

obj.eq(h).children().eq(l).css("background","#0ff");

}

function recover(){

obj.eq(h).children().eq(l).css("background","#ccc");

}

function keyCtrl(e){

var e=window.event?window.event:e;

if (e.keyCode ==37) left();

if (e.keyCode ==39) right();

if (e.keyCode ==38) up();

if (e.keyCode ==40) down();

if (e.keyCode ==13) edit();

}

function left(){

if(l>0){

recover();

l-=1;

select();

}

function right(){

if(l

recover();

l+=1;

select();

}

function up(){

if(h>0){

recover();

h-=1;

select();

}

function down(){

if(h

recover();

h+=1;

select();

}

function save(e){

var e=window.event?window.event:e;

if (e.keyCode ==13){

obj.eq(h).children().eq(l).text($("#tmptext").val());

}

function edit(){

$("#tmptext").val(obj.eq(h).children().eq(l).text());

$("#tmptext").select();

$("#tmptext").val("");

}

$("#tmptext").keydown(save);

$("#saveit").click(function(){

obj.eq(h).children().eq(l).text($("#tmptext").val());

})

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行

html上下键移动单元格,如何用键盘的上下键盘来移动表格的每一行相关推荐

Excel表格中，上下左右键无法移动单元格怎么办？
excel表格中,上下左右键无法移动单元格,要如何才能使用上下左右键移动单元格,操作方法如下. 1.在excel表格中,发现按键盘的上下左右键无法移动单元格了,鼠标始终还是在定位的单元格上,这是不小心 ...
excel里面空白的单元格如何用0去填充
excel里面空白的单元格如何用0去填充使用定位-空值功能来完成 Excel参考版本:2010 举例演示说明: 1.选择区域 2.F5-空位条件-空值 3.输入0,ctrl+enter 4.完成
JTable使用Enter键代替Tab键移动单元格焦点
Swing的JTable默认Tab键为横向移动单元格焦点,Enter键为纵向移动单元格焦点.在实际使用时不符合我们的操作习惯,而网上很多文章只是点到为止,没有详细说明. 经过自己的不断试验,以下代码实 ...
html调整表格位置上下左右,利用jquery实现在html的表格中使用上下左右键切换单元格,同时只限制单元格输入数字...
因其他无关代码比较多,只贴关键代码,请谅解. 解释:tblGrid是表格的id , onchange是每个单元格都拥有的方法,当然可以根据实际情况更改flag是标志位,保证按照我想要的顺序新增tabi ...
element 表格单元格内容不换行_实例29_在Word表格中将上下行相同内容的单元格自动合并...
实例28讲了如何在Excel文件中自动合并上下行相同内容的单元格,此例则讲一讲如何在Word文件中做类似的操作.因为处理Excel和Word的模块是不同的,所以合并单元格也有一些差异.相对来说,Wor ...
php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码，ONE 已经生成的数据表格大致 - phpStudy...
基于jQuery的合并表格中相同文本的相邻单元格的代码 ONE 已经生成的数据表格大致内容如下: 地区地区商品代码商品名称数量有效期至距效期(月) 产品批号规格单位条形码广东深圳 ...
excel 直接复制oracle,为什么EXCEL复制单元格不能直接粘贴到Oracle数据库？|excel表格复制整列数据库...
从网上数据库导出的EXCEL表格,有一列数据为何汇总不了,也复制不了呢可能是看上去数据在那一列,可事实上数据并不在那一列,可能是在前一列或前几列中.将单元格移到你复制不了的那一列中的任一值中,如编辑 ...
python 拆分excel单元格_Python怎么在Excel中把一个单元格里的内容拆分提取？：excel表格已拆分的数据提取...
Python怎么在Excel中把一个单元格里的内容拆分提取? 有规律的话写代码可以处理,没有就没有办法如何将EXCEL表中的数据分离出来? 如图,B1输入:=LEFT(A1,FIND("排 ...
element 表格评分表（合并单元格，单选框按钮选分，计算表格总分）
文件下载 >>https://download.csdn.net/download/jemycc/12837044 突然发现 vxe 会更方便 vxe官网: https://xuliang ...

html上下键移动单元格,如何用键盘的上下键盘来移动表格的每一行

html上下键移动单元格,如何用键盘的上下键盘来移动表格的每一行相关推荐

最新文章

热门文章

html上下键移动单元格,如何用键盘的上下键盘来移动 表格的每一行

html上下键移动单元格,如何用键盘的上下键盘来移动 表格的每一行相关推荐

最新文章

热门文章

html上下键移动单元格,如何用键盘的上下键盘来移动表格的每一行

html上下键移动单元格,如何用键盘的上下键盘来移动表格的每一行相关推荐