方法一keyCode = 9(IE11以后失效)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>用回车来进行切换功能</title> <script language="javascript"> function check() { //keyCode是event事件的属性,对应键盘上的按键,回车键是13,tab键是9,其它的如果不知道 ,查keyCode大全 if (event.keyCode == 13 && event.srcElement.type == "text") { //srcElement是触发事件的对象,type意思是什么类型 window.event.keyCode = 9; } } document.onkeydown = check; </script> </head> <body> <input name="" type="text" /> <input name="" type="text" /> <input name="" type="text" /> <input name="" type="text" /> <input name="" type="text" /> <input name="" type="text" /> <input type="button" /> <input type="password" /> </body> </html>
方法二 body onkeydown (IE11以后失效)
<body onkeydown="if(window.event.keyCode==13){ window.event.keyCode=9}"> <input id="txtCode" type="text" /> <input id="txtCode2" type="text" /> </body>
方法三 name onKeyPress focus,有效果,繁琐不灵活
<script type="text/javascript"> function Myenter(str) { if (event.keyCode == 13) { str.focus(); } } </script> <input name="id" type="text" onKeyPress="Myenter(aname)"> <input name="aname" type="text" onKeyPress="Myenter(asex)" /> <input name="asex" type="text" />
方法四 name onkeypress handleEnter有效果,必须在form 里
<script type="text/javascript"> function handleEnter(field, event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { var i; for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i]) break; i = (i + 1) % field.form.elements.length; field.form.elements[i].focus(); return false; } else return true; } </script> <form action=""> <input name="" type="text" onkeypress="return handleEnter(this, event)"/> <input name="" type="text" onkeypress="return handleEnter(this, event)"/> <input name="" type="text" onkeypress="return handleEnter(this, event)"/> <input name="" type="text" onkeypress="return handleEnter(this, event)"/> <input name="" type="text" onkeypress="return handleEnter(this, event)"/> <input name="" type="text" onkeypress="return handleEnter(this, event)"/> </form>
方法五 jquery 未测到效果
$(function() { $("form[name='articleForm'] input:text").keypress(function(e) { if (e.which == 13) // 判断所按是否回车键 { var inputs = $("form[name='articleForm']").find(":text"); // 获取表单中的所有输入框 var idx = inputs.index(this); // 获取当前焦点输入框所处的位置 if (idx == inputs.length - 1) // 判断是否是最后一个输入框 { if (confirm("最后一个输入框已经输入,是否提交?")) // 用户确认 $("form[name='articleForm']").submit(); // 提交表单 } else { inputs[idx + 1].focus(); // 设置焦点 inputs[idx + 1].select(); // 选中文字 } return false;// 取消默认的提交行为 } }); });
方法六 jquery 未测到效果
<script type="text/javascript"> jQuery(function () { jQuery('input:text:first').focus(); var $inp = jQuery('input:text'); $inp.bind('keydown', function (e) { var key = e.which; if (key == 13) { e.preventDefault(); var nxtIdx = $inp.index(this) + 1; jQuery(":input:text:eq(" + nxtIdx + ")").focus(); } }); }); </script>
分类:
JAVA
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)