zoukankan      html  css  js  c++  java
  • 键盘上下键选择表格行的代码

    //这是要操作的表格:

    <table id="tb">
    <tr><td>这是第一行</td>   </tr>
    <tr><td>这是第二行</td>   </tr>
    <tr><td>这是第三行</td></tr>
    <tr><td>这是第四行</td></tr>
    </table>

    //这是操作表格的代码
    <script>
    var rowNo= -1;
    var tableId = 'tb';
    var inputId = 'show';
    var selectedColor = "#FF0000"
    function document.onkeydown()
    {

        //事件的标识代码
        if (event.keyCode == 38)
        {
            for(var k=0;k<document.getElementById(tableId).rows.length;k++)
            {
                document.getElementById(tableId).rows(k).bgColor="#FFFFFF";
            }
            if(rowNo == 0)
            {
                rowNo++;
            }
            document.getElementById(tableId).rows(--rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor;
            document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText;
        }

      //事件的标识代码
        if (event.keyCode== 40)
        {
            for(var k=0;k<document.getElementById(tableId).rows.length;k++)
            {
                document.getElementById(tableId).rows(k).bgColor="#FFFFFF";
            }
            document.getElementById(tableId).rows(++rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor;

            document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText;
        }
    }
    </script>

    <input type="text" id="show" value="do">

  • 相关阅读:
    NiosII软处理器快速入门- 10分钟学会NiosII(2)
    FFT算法的一种FPGA实现
    32个最热CPLDFPGA论坛
    NiosII软处理器快速入门- 10分钟学会NiosII(3)
    基于FPGA/CPLD设计与实现UART
    NiosII软处理器快速入门- 10分钟学会NiosII(1)
    LCD 的分类和显示原理
    iis6.0重写成html设置
    p标签之间的行距问题
    ie6 png图片透明方法
  • 原文地址:https://www.cnblogs.com/Mblog/p/1632243.html
Copyright © 2011-2022 走看看