JavaScript中怎么样在表格控制光标的移动

<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>