`
xls
  • 浏览: 109958 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

javascript使回车键替代tab键的光标移动功能

    博客分类:
  • JS
阅读更多

在要改变的页面中加入如下代码

<script type="text/javascript">
document.onkeydown=function enterToTab() {
if(event.srcElement.type != 'submit' && event.srcElement.type!="image" && event.srcElement.type != 'textarea' && event.keyCode == 13)
event.keyCode = 9;
}
</script>

 

如果想改变光标移动的顺序,改变表单元素tabindex属性即可

<form action="<%=path %>/ih99" name="registerForm" >
            <input type="text" name="username"   tabindex="1"/>
            <input type="text" name="password"   tabindex="3"/>
            <input type="text" name="checkCode"   tabindex="2"/>
</form>

 

 

这种方法到了提交按钮时,要回车两次

对于空间不多时可以采用

<input name="username" type="text"  onkeyup="javascript:if(event.keyCode == 13) document.forms[0].password.focus();"/>

<INPUT name="password" type="password"  onkeyup="javascript:if(event.keyCode == 13) doLogin();">

分享到:
评论

相关推荐

    Vue中实现回车键切换焦点的方法

    因此,了解如何在Vue项目中实现回车键切换焦点的功能就变得非常重要。 首先,我们得知道,通常情况下,浏览器是不支持直接用JavaScript控制键盘或鼠标的。这样做会存在很大的安全隐患。因此,我们无法直接用脚本来...

    Javascript键盘表

    - **13 = Enter**:表示回车键,用于确认输入或执行指令。 - **16 = Shift_L**:表示左Shift键,用于输入大写字符或特殊符号。 - **17 = Control_L**:表示左Ctrl键,常与其它键组合使用,如复制(Ctrl+C)、粘贴...

    Javascript KeyCode大全

    - **Enter (13)**:回车键,用于提交表单或执行命令。 - **Shift_L (16)**:左Shift键,用于输入大写字母或特殊字符。 - **Control_L (17)**:左Ctrl键,常与其他键组合使用以实现快捷操作。 - **Alt_L (18)**:左...

    jquery编写验证ip的input输入框,附带获取 input光标位置

    描述中提到的“对tab,点还有左右键,回车键进行了处理”,这意味着开发者还考虑到了键盘交互的细节。Tab键通常用于在表单元素间切换,点号(.)是IP地址中不可或缺的一部分,而左右箭头键用于移动光标。处理这些...

    键盘KeyCode值列表

    3. **Enter (KeyCode 13)**:回车键,用于确认或执行命令。 4. **Shift_L (KeyCode 16)**:左Shift键,与字母键组合使用可输入大写字母或特殊符号。 5. **Control_L (KeyCode 17)**:左Ctrl键,通常与其它键组合使用...

    datagrid键盘操作.zip

    此外,其他的键盘快捷键也可能被定义,如回车键用于编辑选定的单元格,Esc键取消编辑,Tab键在单元格间切换,以及Page Up/Down用于翻页。 在实现这些键盘操作时,开发者需要在DataGrid的配置中设置相应的事件监听器...

    超全的ASCII值收集

    4. `Enter`(回车键):13,用于确认输入或换行。 5. `Shift_L`(左Shift键):16,用于输入大写字母或其他特殊符号。 6. `Control_L`(左Ctrl键):17,常用于快捷键组合。 7. `Alt_L`(左Alt键):18,用于调用...

    键盘的键值

    例如,在表单提交时,我们可以监听回车键,当用户按下回车时自动提交表单。在游戏开发中,也可以通过键值来控制角色的移动或执行其他游戏动作。 此外,CSS和HTML中虽然不直接处理键盘事件,但可以通过JavaScript将...

    JavaScript 键盘event.keyCode值列表大全

    - Enter(13):回车键,用于确认输入或执行命令。 - Shift_L(16):左shift键,用于输入大写字母。 - Control_L(17):左Ctrl键,常用与其他键组合来执行特定功能,比如Ctrl+C复制。 - Alt_L(18):左Alt键,...

    程序天下:JavaScript实例自学手册

    7.2 回车实现Tab键功能 7.3 Ctrl+Enter提交数据 7.4 IE中屏蔽退格建(Back Space) 7.5 屏蔽键盘所有键 7.6 JavaScript捕获方向键 7.7 状态栏变化信息 7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字...

    Javascript中最常用的55个经典技巧

    1. **回车键换行**:通过监听键盘事件,可以在用户按下回车键时自动跳转到下一个表单元素。这样可以实现输入框之间的快速切换,而无需使用Tab键。 ```javascript function handleEnter(field, event) { var ...

    《程序天下:JavaScript实例自学手册》光盘源码

    7.2 回车实现Tab键功能 7.3 Ctrl+Enter提交数据 7.4 IE中屏蔽退格建(Back Space) 7.5 屏蔽键盘所有键 7.6 JavaScript捕获方向键 7.7 状态栏变化信息 7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字...

    HTML 中的 keyCode 表

    - **`keycode13=Enter`**:回车键,用于确认或提交输入。 - **`keycode16=Shift_L`**:左Shift键,用于切换大小写或输入特殊字符。 - **`keycode17=Control_L`**:左Ctrl键,通常与其它键组合使用,实现快捷操作...

    键盘KeyCode值列表汇总

    - `Enter`: 回车键,`KeyCode` 为 13,常用于提交表单或开始新行。 - `Shift_L`: 左Shift键,`KeyCode` 为 16,用于进行大写输入或其他组合键操作。 - `Control_L`: 左Ctrl键,`KeyCode` 为 17,用于执行快捷键...

    2021-2022计算机二级等级考试试题及答案No.4683.docx

    11. 自由表结构操作:在数据库中,创建自由表结构时,可以通过单击、Tab键或Shift+Tab键在栏目间移动光标,但回车键不正确,所以D选项错误。 12. Java整数类型转换:`Integer.parseInt()`将字符串转换为int类型,`...

    网页内容不允许复制解决办法.pdf

    * 在目标上点鼠标右键,出现添加到收藏夹的窗口,这时不要松开右键,也不要移动鼠标,而是使用键盘的Tab键,移动光标到取消按钮上,按下空格键,这时窗口就消失了,松开右键,看看,wonderful!右键恢复雄风了! 二...

    新手必须掌握的经典js功能

    通过监听`onkeydown`事件,当按下回车键时改变事件的keyCode,使其模拟tab键的效果,如`”if(event.keyCode==13) event.keyCode=9”&gt;`。 14. **页面进入和退出的特效**: 使用`&lt;meta&gt;`标签的`http-equiv`属性,...

    JS高级应用(一).pdf

    利用键盘事件,可以实现回车键模拟Tab键的效果,如`if(window.event.keyCode==13){event.keyCode=9}`。 历史记录的控制可以通过`history.go(-1)`回到上一页,或者`history.forward()`前进到下一页。页面的重新加载...

    2021-2022计算机二级等级考试试题及答案No.19754.docx

    4. 自由表结构:在数据库设计中,移动光标在栏目之间通常可以通过点击、Tab键或Shift+Tab键实现,但不包括回车键,所以D选项是错误的操作。 5. 数组操作:给定的数组初始化和遍历后,输出的结果不会超过数组最后一...

Global site tag (gtag.js) - Google Analytics