• 键盘上下键选择表格行的代码


    //这是要操作的表格:

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

  • 相关阅读:
    Gym 100801D Distribution in Metagonia (数学思维题)
    Gym 100801E Easy Arithmetic (思维题)
    GNOME编辑器--gedit 构建基本脚本
    linux默认编辑器 sublime
    su和su-命令的本质区别
    #ifdef #ifndef使用
    linux 安装软件程序
    linux命令行与shell脚本编程大全---更多bash shell命令
    预处理语句--#define、#error和#warning
    FW开发代码规范---小任性(2)
  • 原文地址:https://www.cnblogs.com/Mblog/p/1632243.html
Copyright © 2020-2023  润新知