<style>
* { font-size: 12px; border: 0px;}
</style>
<script language="JavaScript">
function document.onkeydown() {
var obj = event.srcElement;
if (obj.tagName == 'INPUT') {
if (event.keyCode == 37) { //Left
var i = obj.parentElement.cellIndex - 1;
if(i >= 0) obj.parentElement.parentElement.cells[i].childNodes[0].focus();
}
if (event.keyCode == 38) { //Up
var i = obj.parentElement.parentElement.rowIndex - 1;
if(i >= 0) obj.parentElement.parentElement.parentElement.rows[i].cells[obj.parentElement.cellIndex].childNodes[0].focus();
}
if (event.keyCode == 39) { //Right
var i = obj.parentElement.cellIndex + 1;
if(i < obj.parentElement.parentElement.cells.length) obj.parentElement.parentElement.cells[i].childNodes[0].focus();
}
if (event.keyCode == 40) { //Down
var i = obj.parentElement.parentElement.rowIndex + 1;
if(i < obj.parentElement.parentElement.parentElement.rows.length) obj.parentElement.parentElement.parentElement.rows[i].cells[obj.parentElement.cellIndex].childNodes[0].focus();
}
}
}
</script>
<p>键盘控制表格</p>
<table width="" cellspacing="1" cellpadding="0" bgcolor="black">
<tr bgcolor="white"><td><input></td><td><input></td><td><input></td></tr>
<tr bgcolor="white"><td><input></td><td><input></td><td><input></td></tr>
<tr bgcolor="white"><td><input></td><td><input></td><td><input></td></tr>
</table>
<p>© 风云突变</p>