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 相关文章推荐
jQuery 一个图片切换的插件
Oct 09 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
JS实现快递单打印功能【推荐】
Jun 21 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
Echarts如何重新渲染实例详解
May 30 Javascript
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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
PHP4实际应用经验篇(2)
2006/10/09 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
php中curl使用指南
2015/02/05 PHP
PHP用FTP类上传文件视频等的简单实现方法
2016/09/23 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
javascript数据结构之双链表插入排序实例详解
2015/11/25 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
2017/01/16 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
JavaScript设计模式之策略模式详解
2017/06/09 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
react 中父组件与子组件双向绑定问题
2019/05/20 Javascript
微信小程序全选多选效果实现代码解析
2020/01/21 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
Python实现全角半角字符互转的方法
2016/11/28 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
详解如何解决H5开发使用wx.hideMenuItems无效果不生效
2021/01/20 HTML / CSS
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
教师岗位聘任书范文
2014/03/29 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
2015年秋季小班开学寄语
2015/05/27 职场文书
证婚人婚礼致辞
2015/07/28 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP