可编辑表格(想解决双击后焦点不在文本末尾问题)

网上找的可编辑表格代码(想解决双击后焦点不在文本末尾问题)
试过网上找的方法，可是不怎么好用，
希望高人帮修改一下。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
   <table id="test" border="1" style="border-collapse:collapse;">
   <tr>
   <td>java 入门1</td>
   <td>java 入门2</td>
   <td>java 入门3</td>
   <td>java 入门4</td>
   </tr>
   <tr>
   <td>Spring 入门1</td>
   <td>Spring 入门2</td>
   <td>Spring 入门3</td>
   <td>Spring 入门4</td>
   </tr>
   <tr>
   <td>Hibernate 入门1</td>
   <td>Hibernate 入门2</td>
   <td>Hibernate 入门3</td>
   <td>Hibernate 入门4</td>
   </tr>
   </table>
  </body>
</html>//这外方法是CSDN上找的，可是不好用呀。
<script>
 function   setCursorPos(   x   )   {  
          var   txtRange   =   x.createTextRange();   
          txtRange.moveStart(   "character",   x.value.length);   
          txtRange.moveEnd(   "character",   0   );   
          txtRange.select();
  }   
  </script>   <script>    //dom创建文本框
    var input = document.createElement("input");
    input.type="text" ;
    //得到当前的单元格
    var currentCell ; 
    function editCell(event)
    {
if(event == null){
//alert("IE");
if(window.event.srcElement.tagName == "INPUT" )
{
return;
}
currentCell = window.event.srcElement;
}else{
//alert("firfox");
if(event.target.tagName == "INPUT"){
return;
}
currentCell = event.target;
}

input.value = currentCell.innerHTML;
currentCell.innerHTML = "";
currentCell.appendChild(input);
input.focus();
input.onblur = last;
    }
    function last()
    {
        //充文本框的值给当前单元格
        currentCell.innerHTML = input.value;
    }
      //最后为表格绑定处理方法.
    document.getElementById("test").ondblclick=editCell;
</script>