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

  • 相关阅读:
    Go-15-flag.String 获取系统参数
    Go-14-解决 go get golang.org/x/text 拉取失败问题
    Go-08-函数与指针
    redis 学习(6)-- 集合类型
    redis 学习(5)-- 列表类型
    redis 学习(4)-- 哈希类型
    redis 学习(3)-- String 类型
    redis 学习(二)-- 通用命令
    redis 学习(1)-- redis 安装与启动
    Mysql 索引原理及优化
  • 原文地址:https://www.cnblogs.com/Mblog/p/1632243.html
Copyright © 2011-2022 走看看