键盘上下键移动选择table表格行的js代码

//这是要操作的表格： 
<table id="tb"> 
<tr><td>这是第一行</td> </tr> 
<tr><td>这是第二行</td> </tr> 
<tr><td>这是第三行</td></tr> 
<tr><td>这是第四行</td></tr> 
</table> 
//这是操作表格的代码 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20rowNo%3D%20-1%3B%20%0D%0Avar%20tableId%20%3D%20'tb'%3B%20%0D%0Avar%20inputId%20%3D%20'show'%3B%20%0D%0Avar%20selectedColor%20%3D%20%22%23FF0000%22%20%0D%0Afunction%20document.onkeydown()%20%0D%0A%7B%20%0D%0A%2F%2F%E4%BA%8B%E4%BB%B6%E7%9A%84%E6%A0%87%E8%AF%86%E4%BB%A3%E7%A0%81%20%0D%0Aif%20(event.keyCode%20%3D%3D%2038)%20%0D%0A%7B%20%0D%0Afor(var%20k%3D0%3Bk%3Cdocument.getElementById(tableId).rows.length%3Bk%2B%2B)%20%0D%0A%7B%20%0D%0Adocument.getElementById(tableId).rows(k).bgColor%3D%22%23FFFFFF%22%3B%20%0D%0A%7D%20%0D%0Aif(rowNo%20%3D%3D%200)%20%0D%0A%7B%20%0D%0ArowNo%2B%2B%3B%20%0D%0A%7D%20%0D%0Adocument.getElementById(tableId).rows(--rowNo%25document.getElementById(tableId).rows.length).bgColor%3DselectedColor%3B%20%0D%0Adocument.getElementById(inputId).value%3Ddocument.getElementById(tableId).rows(rowNo%25document.getElementById(tableId).rows.length).innerText%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E4%BA%8B%E4%BB%B6%E7%9A%84%E6%A0%87%E8%AF%86%E4%BB%A3%E7%A0%81%20%0D%0Aif%20(event.keyCode%3D%3D%2040)%20%0D%0A%7B%20%0D%0Afor(var%20k%3D0%3Bk%3Cdocument.getElementById(tableId).rows.length%3Bk%2B%2B)%20%0D%0A%7B%20%0D%0Adocument.getElementById(tableId).rows(k).bgColor%3D%22%23FFFFFF%22%3B%20%0D%0A%7D%20%0D%0Adocument.getElementById(tableId).rows(%2B%2BrowNo%25document.getElementById(tableId).rows.length).bgColor%3DselectedColor%3B%20%0D%0Adocument.getElementById(inputId).value%3Ddocument.getElementById(tableId).rows(rowNo%25document.getElementById(tableId).rows.length).innerText%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<input type="text" id="show" value="do">

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

教程首页更多教程