javascript 回车键后跳到下一控件

更新时间：2009年03月19日 00:35:58 作者：

按回车键后跳到下一控件的js代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>按回车键后跳到下一控件</title> <script language="JavaScript" type="text/javascript"> var elemType;//选中控件类型 var elemObj; //选中控件对象 function enterKey() { //获取页面所有控件 var elems = document.forms[0].elements; var len=elems.length; //设置回车键跳跃的控件类型 var elemTypeAry =["text","textarea","select-one","button","radio","checkbox"]; var elemTypeStr=elemTypeAry.join(""); for(var i=0;i<len;i++){ //获取控件类型 elemType=elems[i].type; //若是列表中的类型控件则为其注册事件 if(elemTypeStr.indexOf(elemType)!=-1){ //控件获得焦点后为全局变量赋值 elems[i].onfocus=function(){ //若当前按钮为typeBtn则不为其注册onfocus事件 if(this.id=="typeBtnId")return; //获得当前控件类型 elemType=this.type; //获得当前控件对象 elemObj=this; } //若按键为Enter则改为Tab即跳到下一控件 elems[i].onkeydown=function(){ if(event.keyCode==13)event.keyCode=9 }; } } } //显示当前选中控件类型 function getType(){ alert(elemType); //由于点击按钮后按钮获得焦点所需要将焦点重置为之前的控件上 elemObj.focus(); } </script> </head> <body> <form id="testForm">  <input type="button" name="queryBtn" value="queryBtn" onclick="enterKey()">  <input type="button" name="typeBtn" id="typeBtnId" value="typeBtn" onclick="getType()">  <select id="sel" style="width:150px"> <option value="1">123</option> <option value="2">456</option> </select> <input type="text" id="a"> <input type="text" id="b"> <input type="text" id="c">  <textarea rows="5" cols="10" id="taId"></textarea> <input type="radio" name="radiongroup" id="aRd"> <input type="radio" name="radiongroup" id="bRd"> <input type="checkbox" id="aCb"> </form> </body> </html>

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

您可能感兴趣的文章:

PHP中CURL的几个经典应用实例
这篇文章主要介绍了PHP中CURL的几个经典应用实例,本文讲解了cURL请求的基本步骤、在cURL中用POST方法发送数据、用cURL上传文件等内容,需要的朋友可以参考下
2015-01-01
移动端点击态处理的三种实现方式
在移动端开发的时候，常常需要加点击态，就是当用户点击某个URL时，给相应的标签添加按下效果样式。这篇文章给大家分享了三种实现方法，包括伪类:active、webkit-tap-highlight-color和touch事件，下面来一起看看详细的介绍吧。
2017-01-01
js判断一个元素是否为另一个元素的子元素的代码
用js判断一个元素是否为另一个元素的子元素，再做一些效果的时候经常用到，特别是和鼠标事件相关的应用中，比如一个浮层，在鼠标操作浮层内元素的时候浮层显示，当点击浮层外的元素的时候隐藏浮层
2012-03-03
JavaScript阻止表单提交方法（附代码）
这篇文章主要介绍了JavaScript阻止表单提交方法,通过代码示例讲解了阻止表单提交需要注意的事项，以及onSubmit和check（）的区别写法,需要的朋友可以参考下
2017-08-08
JavaScript中高级语法??表达式用法示例详解
这篇文章主要为大家介绍了JavaScript中高级语法??表达式用法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
Array.prototype.slice.apply的使用方法
arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来引用调用该函数时传递的实际参数。
2010-03-03
JS快速掌握ES6的class用法
这篇文章主要介绍了JS快速掌握ES6的class用法，想了解ES6的同学，一定要看一下
2021-05-05
最短的javascript:地址栏载入脚本代码
相信大家都在地址栏里用javascript:的形式执行过脚本。这种方法简单实用，测试比较短的脚本时经常用到
2011-10-10
关于layui 实现点击按钮添加一行(方法渲染创建的table)
今天小编就为大家分享一篇关于layui 实现点击按钮添加一行(方法渲染创建的table)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
微信小程序中weui用法解析
这篇文章主要介绍了微信小程序中weui用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10

javascript 回车键后跳到下一控件

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具