首页 > 代码库 > 表单文本框光标自动移动到下一个文本框内
表单文本框光标自动移动到下一个文本框内
<!DOCTYPE html><html><head><meta charset="utf-8"><title>jstest</title><link rel="stylesheet" type="text/css" href="style.css"/><script type="text/javascript" src="base.js"></script><script type="text/javascript" src="js.js"></script></head><body> <form id="myForm" name="yourForm"> <input type="text" name="a1" id="a1" value="" maxlength="1" /> <input type="text" name="a1" id="a1" value="" maxlength="3" /> <input type="text" name="a1" id="a1" value="" maxlength="5" /> 姓名:<input type="text" name="user" value="text" /><br /> <textarea name="content" rows="" cols="" style="width: 200px;">dsfsafsdafdsafdf dsfsd</textarea> </form> </body></html>
//跨浏览器添加事件function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){ obj.attachEvent(‘on‘+type,fn); }}addEvent(window,‘load‘,function(){ var fm = document.forms[‘yourForm‘]; var user = fm.elements[‘user‘]; var content = fm.elements[‘content‘]; addEvent(fm.elements[‘a1‘],‘keyup‘,tabForWard); addEvent(fm.elements[‘a2‘],‘keyup‘,tabForWard); addEvent(fm.elements[‘a3‘],‘keyup‘,tabForWard); function tabForWard(evt){ var e = evt || window.event; //判断当前的长度是否和已输入的长度是否一致 if(this.value.length == this.maxLength){ //遍历所有控件 for(var i = 0; i< fm.elements.length; i++){ if(fm.elements[i] == this){ fm.elements[i+1].focus(); return; } } } } });
表单文本框光标自动移动到下一个文本框内
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。