JavaScript表单焦点自动切换代码


Posted in Javascript onJuly 24, 2016

废话不多说,关键代码如下所示:

---恢复内容开始---

<html>
<head>


<script>
window.onload=function(){



var form=document.getElementsByTagName('form')[0];



var txt=form.elements['txt1'];



var txt1=form.elements['txt2'];


 txt.onkeyup=function(){



if(this.value.length==this.maxLength){




for(var i=0;i<form.elements.length;i++){





if(form.elements[i]==this){





form.elements[i+1].focus();




}




}


}

}
}


</script>

</head>

<body>


<form>



<input type="text" name="txt1" maxlength="5">



<input type="text" name="txt2" maxlength="4">


</form>

</body>
</html>
---恢复内容结束---

以上所述是小编给大家介绍的JavaScript表单焦点自动切换代码,希望对大家有所帮助!

Javascript 相关文章推荐
javascript jQuery $.post $.ajax用法
Jul 09 Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
初窥JQuery(二)事件机制(2)
Dec 06 Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
Vue2单一事件管理组件通信
May 09 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
jquery css实现流程进度条
Mar 26 jQuery
javascript中sort排序实例详解
Jul 24 #Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 #Javascript
关于input全选反选恶心的异常情况
Jul 24 #Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 #Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 #Javascript
JavaScript提高网站性能优化的建议(二)
Jul 24 #Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 #Javascript
You might like
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
2010/03/09 Javascript
js 内存释放问题
2010/04/25 Javascript
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
2017/12/06 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
2018/04/18 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
Python 遍历子文件和所有子文件夹的代码实例
2016/12/21 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
ANINE BING官方网站:奢华的衣橱基本款和时尚永恒的单品
2019/11/26 全球购物
一些PHP的面试题
2015/05/06 面试题
手机促销活动方案
2014/02/05 职场文书
小区消防演习方案
2014/02/21 职场文书
岗位职责说明书模板
2014/07/30 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
公务员年度考核评语
2014/12/31 职场文书
中学教师个人总结
2015/02/10 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
大学生村官入党自传
2015/06/26 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript