求一个JS!能用上下键操作table

用上下键可以进行table的行的移动

解决方案 »

  1.   

    用上下键是选择（不能说移动）回车就删除我的这条记！但这条记录是在session中怎么样用JS调用java代码？
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <table width="64%" height="108" border="1" cellpadding="1" cellspacing="1" id="table1">
      <tr>
        <td align="center">1</td>
        <td align="center">1</td>
        <td align="center"><a href="#" style="cursor:pointer" onclick="moveUp(this)" >[上移]</a><a href="#" style="cursor:pointer" onclick="moveDown(this)">[下移]</a></td>
      </tr>
      <tr>
        <td align="center">2</td>
        <td align="center">2</td>
        <td align="center"><a href="#" style="cursor:pointer" onclick="moveUp(this)" >[上移]</a><a href="#" style="cursor:pointer" onclick="moveDown(this)">[下移]</a></td>
      </tr>
      <tr>
        <td align="center">3</td>
        <td align="center">3</td>
        <td align="center"><a href="#" style="cursor:pointer" onclick="moveUp(this)" >[上移]</a><a href="#" style="cursor:pointer" onclick="moveDown(this)">[下移]</a></td>
      </tr>
      <tr>
        <td align="center">4</td>
        <td align="center">4</td>
        <td align="center"><a href="#" style="cursor:pointer" onclick="moveUp(this)" >[上移]</a><a href="#" style="cursor:pointer" onclick="moveDown(this)">[下移]</a></td>
      </tr>
      <tr>
        <td align="center">5</td>
        <td align="center">5</td>
        <td align="center"><a href="#" style="cursor:pointer" onclick="moveUp(this)" >[上移]</a><a href="#" style="cursor:pointer" onclick="moveDown(this)">[下移]</a></td>
      </tr>
    </table>
    </body>
    <script language="javascript" type="text/javascript">
    <!--
    function cleanWhitespace(element) {
    //遍历element的子结点
    for (var i = 0; i < element.childNodes.length; i++) {
       var node = element.childNodes;
       //判断是否是空白文本结点，如果是，则删除该结点
       if (node.nodeType == 3 && !/\S/.test(node.nodeValue)){
    node.parentNode.removeChild(node);
    }
    }
    }//获得表格对象
    var _table=document.getElementById("table1");
    cleanWhitespace(_table);
    //使表格行上移，接收参数为链接对象
    function moveUp(_a){
    //通过链接对象获取表格行的引用
    var _row=_a.parentNode.parentNode;
    //如果不是第一行，则与上一行交换顺序
    if(_row.previousSibling){
    swapNode(_row,_row.previousSibling);
    }else{
    alert("已经是第一行了！")
    }
    }//使表格行下移，接收参数为链接对象
    function moveDown(_a){
    //通过链接对象获取表格行的引用
    var _row=_a.parentNode.parentNode;
    //如果不是最后一行，则与下一行交换顺序
    if(_row.nextSibling){
    swapNode(_row,_row.nextSibling);
    }else{
    alert("已经是最后一行了！")
    }
    }//定义通用的函数交换两个结点的位置
    function swapNode(node1,node2){
    //获取父结点
    var _parent=node1.parentNode;
    //获取两个结点的相对位置
    var _t1=node1.nextSibling;
    var _t2=node2.nextSibling;
    //将node2插入到原来node1的位置
    if(_t1){
       _parent.insertBefore(node2,_t1);
    }else{ 
       _parent.appendChild(node2);
    }   
    //将node1插入到原来node2的位置
    if(_t2){
       _parent.insertBefore(node1,_t2);
    }else{
       _parent.appendChild(node1);
    } 
    }
    </script>
    </html>
      

  3.   

    兄弟分完全可以给但你做的比我要的强大的多
    我的目的 是用上下键选择<tr>在回车触发一个事事件我要调用java代码！！
    不知你明的了没(这样做完全是为了方便给我搞定我在给你20分都可以