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操作URL函数修改版
Nov 07 Javascript
js单例模式详解实例
Nov 21 Javascript
jquery 操作iframe的几种方法总结
Dec 13 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 Javascript
jquery实现显示已选用户
Jul 21 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
Jul 01 Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
微信小程序实现文件、图片上传功能
Aug 18 Javascript
小程序如何自主实现拦截器的示例代码
Nov 04 Javascript
js实现页面导航层级指示效果
Aug 25 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
php代码审计比较有意思的例子
2014/05/07 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
简单谈谈gulp-changed插件
2017/02/21 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
python使用正则表达式检测密码强度源码分享
2014/06/11 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
营销与策划专业毕业生求职信
2013/11/01 职场文书
骨干教师培训感言
2014/01/16 职场文书
迟到检讨书500字
2014/02/05 职场文书
关于环保的活动方案
2014/08/25 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书