`
mysyche
  • 浏览: 40441 次
  • 性别: Icon_minigender_1
  • 来自: 天地之间
社区版块
存档分类
最新评论

javascript 方向键 上下键 移动行

    博客分类：
  • js
JavaScriptXHTMLHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<style>
tr.highlight{
background:#08246B;
color:white;
}
</style>
<div>
<table   border="1"   width="70%"   id="ice">

<tr>
  <td>1</td>
</tr>
<tr>
  <td>2</td>
</tr>
</table>
</div>
  
<script   language="javascript">
<!--
var   currentLine   =   -1;
document.onkeydown   =   function   (e)   
{
    e   =   window.event   ||   e;
    switch   (e.keyCode)   
    {
        case   38:
            currentLine--;
            changeItem();
            break;
        case   40:
            currentLine++;
            changeItem();
            break;
        default   :
            break;
    }
}   
function   changeItem(){
    if(document.all) {   
        var   it   =document.getElementById("ice").children[0];
        alert("11");
    }
    else {
        var   it  =document.getElementById("ice");
        alert("22");
    }

    for   (i=0;i<it.rows.length;i++){
        it.rows[i].className   =   "";
    }
    if(currentLine <0)
        currentLine=it.rows.length-1;
    if   (currentLine ==it.rows.length)
        currentLine =0;
    it.rows[currentLine].className = "highlight";
}   
//-->
</script>
</body>
</html>

分享到：
| 转：JavaScript 经典代码大全：有 目录 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    键盘上下键移动选择table表格行的js代码

    为了实现使用键盘上下键移动选择表格行的功能，我们需要编写JavaScript代码来绑定键盘事件，并在事件触发时更新表格行的选择状态。接下来，我将详细说明涉及的关键知识点和技术细节。 1. **HTML表格（table）的结构...

    方向键控制焦点 JQuery

    方向键是键盘上用于移动光标或选择的四个键：上、下、左、右。在Web页面中，焦点通常表示用户当前交互的元素，如输入框、按钮或链接。通过使用方向键控制焦点，用户可以不用鼠标就能在页面元素间切换，这对于无障碍...

    html5 上下左右移动的小人

    在这个"html5 上下左右移动的小人"项目中，我们探讨的是如何使用HTML5的Canvas API来实现一个简单的游戏角色控制机制，玩家可以通过键盘上的方向键来操纵小人的移动。 Canvas是HTML5中的一个核心元素，它提供了一个...

    jQuery实现用方向键控制层的上下左右移动

    通过以上的知识点，开发者可以利用jQuery库编写出简洁且高效的代码来实现用方向键控制层的上下左右移动功能。在实际的Web开发过程中，熟练掌握jQuery事件监听和CSS样式的动态控制是非常必要的，它能够帮助开发者创建...

    js实现方块上下左右移动效果

    在提供的文档中，详细介绍了如何使用JavaScript来实现一个方块在网页上进行上下左右移动的动画效果。这个例子使用了HTML、CSS和JavaScript，涉及到了关键的Web技术，下面将详细阐述如何实现这一效果。 首先，文档...

    方向键盘控制table内的input标签焦点

    在这个场景中，我们需要监听键盘事件，特别是上、下、左、右四个方向键的按下。当用户按下这些键时，我们需要找到当前焦点的输入框，并根据箭头键的方向改变焦点到相邻的输入框。 实现这个功能的基本步骤如下： 1....

    jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】

    本文介绍了一种使用jQuery实现方向键控制div元素在页面上上下左右移动的方法。这种方法通过监听键盘的方向键事件，并利用jQuery的animate方法动态地改变DOM元素的CSS属性来实现元素的平滑移动效果。 在展开讨论之前...

    模拟下拉列表框，支持手动输入和方向键

    3. **方向键导航**：为了增加操作的便利性，模拟下拉列表通常会支持使用键盘的上下方向键进行选项的切换。用户可以通过上/下键逐个浏览列表中的选项，而焦点会随着方向键的移动而改变，方便用户选择。 4. **回车键...

    鼠标左右拖动，键盘左右移动，点击箭头左右移动内容

    通过判断event对象的`keyCode`属性，识别出左右箭头键（37代表左箭头，39代表右箭头），然后根据箭头键的方向调整页面元素的位置。 接着，"点击箭头左右移动内容"是另一种交互方式。这里通常会在HTML中添加左右箭头...

    键盘助手 JAVASCRIPT

    方向键通常用于上下左右移动光标，而Enter键则常用于确认或执行操作。在网页的可编辑控件中，这些键的使用可以模拟常见的桌面应用体验，使用户在填写表单或进行其他交互时更加流畅。测试文件"DirectionKey.html"可能...

    键盘操作 物体的 移动

    // 其他方向键处理... } }); ``` 2. 游戏循环：为了实现连续移动，通常需要在一个游戏循环中更新物体的位置。游戏循环不断地检查键盘状态，根据按键状态更新物体的坐标。例如： ```javascript function gameLoop...

    table支持键盘上下键

    标题“table支持键盘上下键”指的是在网页中使用表格（table）时，通过键盘的上下箭头键实现焦点在表格单元格（td）之间的移动，提高用户操作的便捷性和效率。这种功能通常应用于数据密集型的界面，如电子表格或者...

    js获取上下左右

    在标准的计算机键盘上，方向键（即上、下、左、右键）是非常常见的，它们位于键盘的右侧区域。这些键在网页游戏和动态交互中有着广泛的应用。为了更好地响应用户的按键操作，我们需要通过JavaScript来监听并处理这些...

    javascript实现ecshop搜索框键盘上下键切换控制

    此项功能的实现可以使用户在输入关键词进行搜索时，通过键盘上的上下方向键来切换和选择搜索建议中的项目，从而提高用户操作的便捷性。下面详细解释文中提及的关键知识点： 1. 键盘事件监听：文中通过监听搜索框的`...

    jquery实现的支持键盘方向按键和鼠标拖动切换的全屏相册文字广告特效源码.zip

    标题中的“jquery实现的支持键盘方向按键和鼠标拖动切换的全屏相册文字广告特效源码”揭示了这个压缩包包含的是一段使用jQuery库编写的JavaScript代码，它设计了一个全屏相册功能，该功能支持用户通过键盘的上下左右...

    js table行的上下移动，置顶置底，支持ctrl多选

    本文将详细介绍如何使用JavaScript实现表格行的上下移动、置顶和置底功能，并支持Ctrl多选、选中行样式改变以及行号显示等实用特性。 首先，我们需要创建一个HTML表格元素，包含若干行（tr）和单元格（td）。例如：...

    js 上下左右键控制焦点(示例代码)

    4. 控制焦点移动的函数逻辑：在setpostion函数中，根据触发方向键事件的类型（上下左右），对变量x和y进行操作，来改变焦点的当前位置。这里通过判断条件来实现边界限制，使得焦点不能移出预定的区域。 5. 实现焦点...

    js实现上下左右键盘控制div移动

    标题中的“js实现上下左右键盘控制div移动”指的是在网页前端开发中，使用JavaScript语言来控制HTML中的div元素，使其能够根据用户按下键盘上的上、下、左、右箭头键来改变位置。这种功能常见于游戏或者某些交互式...

    多个文本框 按左右键自动移动

    标题中的“多个文本框 按左右键自动移动”指的是在一个多文本框的环境中，用户可以通过键盘上的方向键（上、下、左、右）来切换焦点，使得文本输入的焦点能够在各个文本框之间自动移动。这样的功能常见于各种表单和...

Magicbox
Global site tag (gtag.js) - Google Analytics