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 相关文章推荐
js中几种去掉字串左右空格的方法
Dec 25 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
Apr 01 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
在antd Form表单中select设置初始值操作
Nov 02 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
substr()函数中文版
2006/10/09 PHP
PHP集成FCK的函数代码
2008/09/27 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
非常好用的Zend Framework分页类
2014/06/25 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
用YUI做了个标签浏览效果
2007/02/20 Javascript
jQuery使用技巧简单汇总
2013/04/18 Javascript
js用闭包遍历树状数组的方法
2014/03/19 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
JS 实现Base64编码与解码实例详解
2016/11/07 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
python中的set实现不重复的排序原理
2018/01/24 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
Python使用configparser库读取配置文件
2020/02/22 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
python中的列表和元组区别分析
2020/12/30 Python
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
个人实用简单的自我评价
2013/10/19 职场文书
工作自我评价分享
2013/12/01 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
三查三看党性分析材料
2014/02/18 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
语文教师求职信范文
2015/03/20 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android