JavaScript 实现回车键切换焦点

作者:拾光时间:2026-10-24 04:25:30浏览:446

本文介绍如何使用JavaScript监听document的onkeydown事件,通过判断按键代码为13(回车)且元素为文本输入框时,将keyCode和charCode修改为9(Tab),从而实现回车键切换焦点的功能。需注意该操作不影响其他已注册的键盘监听器获取原始按键值。

JavaScript 实现回车键切换焦点

示例代码如下:

<script language='javascript' for='document' event='onkeydown'>
if(event&&event.srcElement){
srcEle=event.srcElement;
if((event.keyCode||event.charCode)==13 && srcEle.tagName.toUpperCase()=='INPUT' && srcEle.type.toUpperCase()=='TEXT')
eventevent.keyCode=event.charCode=9;
} 
</script>

若存在多个键盘监听器,修改keyCode仅影响当前处理函数,其他监听器仍获取原始值,这是由JavaScript事件传播机制决定的。


测试代码示例如下:


<html> <HEAD> <!-- 这里测试jQuery的键盘响应是否正常 -->    <!-- 这是回车转换行的代码段-->   </HEAD> <BODY> <input type=text onkeydown="debug(event);"> <input type=text> <input type=text> <input type=text> <input type=button value="Button">  按键代码:<span id=info></span> </html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

作者最新文章