HTML表格行上下移动,键盘上下键移动选择table表格行的js代码_javascript技巧

//这是要操作的表格：

这是第一行

这是第二行

这是第三行

这是第四行

//这是操作表格的代码

var rowNo= -1;

var tableId = 'tb';

var inputId = 'show';

var selectedColor = "#FF0000"

function document.onkeydown()

{

//事件的标识代码

if (event.keyCode == 38)

{

for(var k=0;k

{

document.getElementById(tableId).rows(k).bgColor="#FFFFFF";

}

if(rowNo == 0)

{

rowNo++;

}

document.getElementById(tableId).rows(--rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor;

document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText;

}

//事件的标识代码

if (event.keyCode== 40)

{

for(var k=0;k

{

document.getElementById(tableId).rows(k).bgColor="#FFFFFF";

}

document.getElementById(tableId).rows(++rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor;

document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText;

}

}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]