懂视1
懂视101
懂视201
懂视301
懂视401
懂视501
懂视601
懂视701
懂视801
懂视901
懂视1001
懂视1101
懂视1201
懂视1301
懂视1401
懂视1501
懂视1601
懂视1701
懂视1801
懂视1901
文库1
文库101
文库201
文库301
文库401
文库501
文库601
文库701
文库801
文库901
文库1001
文库1101
文库1201
文库1301
文库1401
文库1501
文库1601
文库1701
文库1801
文库1901
燃米美食网
全部频道
首页
科技
教育
生活
旅游
时尚
美容
美食
健康
体育
游戏
汽车
家电
您的当前位置：
首页
javascript回车键后跳到下一控件_javascript技巧
javascript回车键后跳到下一控件_javascript技巧
来源：燃米美食网
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>按回车键后跳到下一控件</title> 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> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
显示全文