<body οnkeydοwn="mm()">
<table id=table1 border=1 cellspacing=0 width=300>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
var hrong = null; //设置一个页面级全局变量
function mm()
{
  var k = window.event.keyCode;
  if(k==37 || k==38 || k==39 || k==40)
  {
    if(hrong)
    {
      hrong.style.color = "#000000";
      hrong.style.backgroundColor = "#FFFFFF";
    }
  }
  switch(k)
  {
    case 37 : //←
      if(hrong && hrong.cellIndex>0)
      {
        hrong = hrong.parentElement.cells[hrong.cellIndex-1];
        alert(hrong.innerText);
      }
      break;
    case 39 : //→
      if(hrong && hrong.cellIndex<hrong.parentElement.cells.length-1)
      { 
        hrong = hrong.parentElement.cells[hrong.cellIndex+1];
      }
      break;
    case 38 : //↑
      if(hrong && hrong.parentElement.rowIndex>0)
      {
        var tr= hrong.parentElement;
        hrong = tr.parentElement.rows[tr.rowIndex-1].cells[hrong.cellIndex];
       
      }
      break;
    case 40 : //↓
      if(hrong && hrong.parentElement.rowIndex<hrong.parentElement.parentElement.rows.length-1)
      {
        var tr= hrong.parentElement;
        hrong = tr.parentElement.rows[tr.rowIndex+1].cells[hrong.cellIndex];
      }
      break;
  }
  if(!hrong) hrong = document.all.table1.rows[0].cells[0];
  hrong.style.color = "#FFFFFF";
  hrong.style.backgroundColor = "#0000FF";
}
</SCRIPT>
</body>
</html>

怎样移动方向键时在单元格之间移动光标相关推荐

  1. 方向键的控制(多单元格之间的移动)

    οnfοcus="focusThis(this.id,this)" <script type="text/javascript"> //input中 ...

  2. 表格中单元格之间分隔线的隐藏方法

    表格中单元格之间分隔线的隐藏方法 第 一 行 第 二 行 第 三 行 这个表格去掉了单元格之间的纵向分隔线 第 第 第 一 二 三 列 列 列 这个表格去掉了单元格之间的横向分隔线 横   线 竖   ...

  3. 【EasyExcel】EasyExcel列表填充数据时指定单元格合并

    EasyExcel列表填充数据时指定单元格合并 package com.susing.security.handler;import com.alibaba.excel.metadata.CellDa ...

  4. 为什么光标停在表格中间_excel中单元格中的光标为什么总在中间位置_word光标怎么设置...

    excel中单元格中的光标为什么总在中间位置 解决excel元格中的光标为什在中间位置的步骤如下: 1.点击面布局"选项卡.在"页面布局"选项卡中,点击如图所示图标. 2 ...

  5. ruoyi导出excel时合并单元格

    ruoyi版本 3.8.2 首先第一步 增加注解 /*** 合并行* 参数1合并第一个参数为合并基准列,其他列用逗号拼接,依据基准列进行当前单元行合并 参数:如1,7, 8*/ public Stri ...

  6. 设置单元格之间的间距

    设置行间距 grid-row-gap: 60px; 表示,行和行之间的间距为60px. 设置列间距 grid-column-gap: 60px; 表示,列和列之间的间距为60px. 复合写法 grid ...

  7. EasyExcel填充时合并单元格

    由于填充时第二行开始,easyexcel不会自动合并单元格,所以需要自定义handler根据上一行的合并信息自行合并 public class MyHandler extends AbstractMe ...

  8. 使用EasyExcel导出表格时合并单元格

    背景 现在需要将一个导出列表数据到Excel表格的功能进行改造,将指定列相同数据自动合并单元格. 如上图所示,指定A.B两列自动合并,如图所示(6.7),(8.9),(13.14.15)要自动合并单元 ...

  9. POI读取excel时,单元格内容转化字符串

    最近项目需要使用POI解析excel,但在获取每个单元格时,遇到了把单元格内容转为字符串过程中出现各种问题,整数类型后面带小数点.时间格式变为整数形式等等. 最后通过判断Cell的类型进行分别处理,话 ...

最新文章

  1. WINDOWS XP 开始→运行→命令 集锦
  2. AS3中Object与Dictionary的区别
  3. poker java idea_JavaBasic学习笔记
  4. Charles弱网测试(Web)
  5. Git学习笔记:如何删除GitHub上的项目
  6. ASP 调用dll(VB)及封装dll实例
  7. 2014科目三大路考各项目操作要求
  8. lightgbm 数据不平衡_数据不平衡问题
  9. 内核并发控制---信号量 (来自网易)
  10. js中数组常用的方法总结,包括ES6
  11. PyTorch入坑(一)~(三): Tensor的概念,基本操作和线性回归
  12. 英特尔 超核芯显卡 620mac_2020双11装机。科学计算工作站配置推荐。i9-10980XE加3080显卡加64G ECC内存...
  13. python爬虫 同花顺_python Flask+爬虫制作股票查询、历史数据、股评词云网页
  14. MySQL(20)-----数据库设计的常规步骤
  15. aliplayer播放rtmp视频流
  16. erp系统实施方案会遇到哪些问题?
  17. 什么是ECS框架?讲解 + 实战带你入门ECS框架
  18. 中国居民身份证号码检验程序
  19. 医院云PACS管理系统源码
  20. Android和蓝牙GPS结合的方法

热门文章

  1. 海棠花落 大鱼成形 琳大侠空灵手碟弹唱《大鱼》
  2. 0422 寻找数学口袋精灵BUG
  3. GridSearchCV搜索器详解
  4. office2010怎样删除页眉里的下划线
  5. c语言中爱心符号,爱心符号的由来?
  6. OSChina 周四乱弹 ——男生做女生那些亲密动作是有多难?
  7. 创业30载,百亿市值奥瑞金未来可期
  8. Android学习(六)导出模拟器/手机联系人数据库到PC指定目录
  9. 从零点五开始的深度学习笔记——VAE(Variational AutoEncoder) (二)概率角度理解VAE结构
  10. 第十三届蓝桥杯省赛(2022年4月17日)C++中级组题解