自由移动方向键

最新推荐文章于 2023-04-25 16:58:55 发布

brave1

最新推荐文章于 2023-04-25 16:58:55 发布

阅读量1.1k

点赞数

分类专栏： Javascript 文章标签： function javascript table null border html

本文链接：https://blog.csdn.net/brave1/article/details/394079

版权

Javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
test
</title>
</head>
<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 vivid = null; //设置一个页面级全局变量
function mm()
{
var k = window.event.keyCode;
if(k==37 || k==38 || k==39 || k==40)
{
    if(vivid)
    {
      vivid.style.color = "#000000";
      vivid.style.backgroundColor = "#FFFFFF";
    }
}
switch(k)
{
    case 37 : //←
      if(vivid && vivid.cellIndex>0)
      {
        vivid = vivid.parentElement.cells[vivid.cellIndex-1];

      }
      break;
    case 39 : //→
      if(vivid && vivid.cellIndex<vivid.parentElement.cells.length-1)
      {
        vivid = vivid.parentElement.cells[vivid.cellIndex+1];
      }
      break;
    case 38 : //↑
      if(vivid && vivid.parentElement.rowIndex>0)
      {
        var tr= vivid.parentElement;
        vivid = tr.parentElement.rows[tr.rowIndex-1].cells[vivid.cellIndex];

      }
      break;
    case 40 : //↓
      if(vivid && vivid.parentElement.rowIndex<vivid.parentElement.parentElement.rows.length-1)
      {
        var tr= vivid.parentElement;
        vivid = tr.parentElement.rows[tr.rowIndex+1].cells[vivid.cellIndex];
      }
      break;
}
if(!vivid) vivid = document.all.table1.rows[0].cells[0];
vivid.style.color = "#FFFFFF";
vivid.style.backgroundColor = "#0000FF";
}
</SCRIPT>
</body>
</html>

1	2	3	4	5	6
1	2	3	4	5	6
1	2	3	4	5	6
1	2	3	4	5	6

1	2	3	4	5	6
1	2	3	4	5	6
1	2	3	4	5	6
1	2	3	4	5	6

brave1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自由移动方向键

test 1 2 3 4 5 6 1 2 3 4 5 6 1 2 3 4 5 6 1 2 3 4 5 6var vivid = null; //设置一个页面级全局变量function mm(){ var k = window.event.keyCode; if(k==37 || k==38 || k==39 || k==40) { if(
复制链接

扫一扫

专栏目录