`
helyhu
  • 浏览: 6859 次
  • 性别: Icon_minigender_2
  • 来自: 南京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多
onfocus="focusThis(this.id,this)"



<script type="text/javascript">

//input中根据单元格行列进行定位
function keyMove(trSeq,tdSeq){
var rows; //table的所有tr元素
rows=document.getElementById("tab1").rows;//根据table的id获取
for(var i=0;i<rows.length;i++){//行循环
for(var j=0;j<rows[i].cells.length;j++){//列循环
if((String(trSeq)==i) && (String(tdSeq)==j)){//判断目标单元格的行列是否在范围内
for(var z = 0; z < rows[trSeq].cells[tdSeq].childNodes.length; z++){
if(rows[trSeq].cells[tdSeq].childNodes.item(z).nodeName== "INPUT"){//目标是否是input类型
nextId = rows[trSeq].cells[tdSeq].childNodes.item(z).id;//获取id
$("#"+nextId).focus();//定位光标
//控制input框内光标位置
var e =document.getElementById(nextId);
var r =e.createTextRange();
//alert("length:"+$("#"+nextId).val().length+" val:"+$("#"+nextId).val());
r.moveStart('character',$("#"+nextId).val().length);
r.collapse(true);
r.select();
break;
}
}
  }
   }
}
}
//input中的方向键事件(根据单元格行列进行定位)
        function focusThis(id,obj){
        var keycode; //事件code码
        var trSeq=0; //当前行数
     var tdSeq=0; //当前列数
     var nextId; //目标对象的id
     var rows; //table的所有tr元素
    
            document.onkeydown = keyDown;//除发方向键事件
function keyDown(){

keycode = event.which||event.keyCode;
trSeq=obj.parentNode.parentNode.rowIndex;
            tdSeq=obj.parentNode.cellIndex;
rows=document.getElementById("tab1").rows;//根据table的id获取

switch(keycode){
case 38: //上 
trSeq = trSeq-1;//行号减一
keyMove(trSeq,tdSeq);
                 break; 
             case 40: //下 
            trSeq = trSeq+1;//行号加一
            keyMove(trSeq,tdSeq);
                 break; 
             case 37: //左
            tdSeq = tdSeq-1;//列号减一
            keyMove(trSeq,tdSeq);
                 break; 
             case 39: //右
            tdSeq = tdSeq+1;//列号加一
            keyMove(trSeq,tdSeq);
                 break; 
              default: 
                 return; 
}

}
        }   
</script>
分享到:
评论

相关推荐

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

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

    键盘方向键移动表格中的光标(包含鼠标选择)

    标题“键盘方向键移动表格中的光标(包含鼠标选择)”揭示了一个重要的操作技巧,即如何利用键盘和鼠标来精准控制表格内的光标移动及选区选择。下面将详细阐述这些知识点。 首先,键盘方向键在表格操作中的作用不可...

    Wince下 DataGrid编辑并捕捉键盘上下左右移动

    通过监听特定的键盘事件,可以实现在DataGrid中对单元格内容的动态编辑,以及通过上下左右箭头键控制单元格焦点的移动。这对于提升用户体验,尤其是在手持设备或工业控制场景中,具有重要意义。此外,还需要注意错误...

    Excel 2021单元格内容的移动或复制.docx

    - 移动单元格:选择单元格后,按Ctrl+X剪切,然后按方向键移动。 - 复制单元格:选择单元格,按Ctrl+C复制,然后按Ctrl+V粘贴。 7. 使用“填充柄”复制单元格:选择有公式的单元格,然后在右下角的小方块(填充柄...

    VB编写的利用控件的left和top属性实现控件上下左右移动的代码

    以下是一个基础示例,展示了如何编写一个VB程序,使用户能够通过键盘方向键控制控件的移动: ```vb Public Class Form1 Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load ' 初始化...

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    EXCEL回车键激活任意方向的单元格【会计实务操作教程】.pptx

    在Excel中,回车键(Enter)通常用于在工作表中向下移动到下一个单元格,以便继续输入数据。然而,根据工作需求,你可能需要在输入数据后让光标向其他方向移动,如向右、向上或向左。这篇“EXCEL回车键激活任意方向...

    ko-grid-cell-navigation:用于通过键盘在数据单元格之间导航的 ko-grid 扩展

    1. **焦点管理**:当用户按下方向键时,焦点会在单元格之间移动,确保当前选中的单元格清晰可见。 2. **编辑模式**:当用户按下Enter键时,单元格进入编辑模式,允许用户修改数据。 3. **按键事件处理**:扩展会监听...

    python pygame实现贪吃蛇任意角度移动

    4. 移动与转向:蛇按照特定方向移动,遇到边界或自身身体时游戏结束。 5. 时间管理:使用`pygame.time.Clock()`和`clock.tick()`控制游戏帧率。 在这个项目中,实现任意角度移动的关键在于计算每个单元格的移动增量...

    excel常用快捷键.pdf

    - 方向键:在单元格之间移动选择 3. **移动操作**: - Home:快速移至当前行的开始 - Ctrl+Home:快速移至工作表的第一个单元格 - Ctrl+End:快速移至工作表的最后一个单元格 - PageUp/Down:翻至上/下一页 -...

    excel 合并单元格 快捷键.docx

    * Ctrl + 句号:按顺时针方向移动到选定区域的下一个角 * Ctrl + Alt + 向右键:在不相邻的选定区域中,向右切换到下一个选定区域 * Ctrl + Alt + 向左键:向左切换到下一个不相邻的选定区域 选择单元格、行和列 *...

    (整理)苹果无线蓝牙键盘快捷键大全.pdf

    * 左方向键:向左移动一格 * 右方向键:向右移动一格 * 上方向键:向上移动一格 * 下方向键:向下移动一格 * Command + Shift + 左方向键:选择区域设置为句子第一个位置 * Command + Shift + 右方向键:选择区域...

    Excel2021教程:修改单元格内容.docx

    在编辑过程中,可以用方向键移动插入点,Home键将插入点移至单元格开头,End键移至末尾。按住Shift键配合方向键可以选择多个字符,或者直接用鼠标拖动选择需要修改的文本。 综上所述,Excel2021提供了多种方式来...

    灵活切换 固定区域内地单元格.docx

    在录入过程中,如果你发现有错误需要修改,可以使用“Shift+Tab”组合键或向左的方向键将光标移回到上一单元格,方便进行修改。 通过这些简单的设置和操作,Excel的数据录入效率将显著提升,尤其在处理大量数据时,...

    表格在编辑状态时不需要按回车即可直接用光标键退出编辑并移动光标.rar

    但是,如果你想要向右、向上或向下移动光标,而不是向下,通常需要先按回车,然后再使用方向键。这个过程就显得有些繁琐。 现在,使用这个技巧,你可以直接在编辑状态下使用光标键。例如,如果你想在不离开编辑模式...

    Excel中操作各种不同类型的单元格和区域完整教程.docx

    2. **单元格区域**:要选择连续的一系列单元格,首先点击区域的第一个单元格,然后按住Shift键并用箭头键向所需方向移动,直到包含最后一个单元格。或者,可以先点击第一个单元格,然后按F8,再使用箭头键扩展选择...

    易语言源码表格在编辑状态时不需要按回车即可直接用光标键退出编辑并移动光标.7z

    2. **控制流程**:通过判断用户按下的是哪个光标键,决定光标应该向哪个方向移动,同时确认当前单元格的编辑状态。 3. **表格控件操作**:理解和使用易语言提供的表格控件API,如设置当前单元格、修改单元格内容、...

    Web报表工具填报界面键盘操作

    - 方向键(上、下、左、右):允许用户直接通过键盘上的方向键来控制光标的移动。 - Tab键:默认情况下,Tab键是将光标向右移动至下一列的单元格。当光标到达该行的最后一个单元格时,会自动跳转到下一行的第一个...

    Excel2021教程:数据输入技巧.docx

    2. 使用方向键代替Enter键:完成单元格输入后,可以使用方向键(上、下、左、右)移动单元格指针,例如,按右箭头键可以移动到当前行的下一个单元格,而按Tab键则会在列之间移动。 3. 选择输入区域:选择一个单元格...

Global site tag (gtag.js) - Google Analytics