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 第二课 操作包装集元素代码
Mar 14 Javascript
Knockout text绑定DOM的使用方法
Nov 15 Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
Jun 01 Javascript
简单讲解jQuery中的子元素过滤选择器
Apr 18 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
javaScript日期工具类DateUtils详解
Dec 08 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
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
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
php中读写文件与读写数据库的效率比较分享
2013/10/19 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
根据key删除数组中指定的元素实现方法
2017/03/02 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
namespace.js Javascript的命名空间库
2011/10/11 Javascript
javascript图像处理—仿射变换深度理解
2013/01/16 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
BootStrap无限级分类(无限极分类封装版)
2016/08/26 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
2020/07/17 Javascript
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
python设置windows桌面壁纸的实现代码
2013/01/28 Python
Django内容增加富文本功能的实例
2017/10/17 Python
如何用python整理附件
2018/05/13 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
Python代码太长换行的实现
2019/07/05 Python
pygame实现飞机大战
2020/03/11 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
美国林业供应商:Forestry Suppliers
2019/05/01 全球购物
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
一份婚庆公司创业计划书
2014/01/11 职场文书
项目合作协议书范本
2014/04/16 职场文书
服装发布会策划方案
2014/05/22 职场文书
二手房购房协议书范本
2014/10/05 职场文书
北京英文导游词
2015/02/12 职场文书
爱的教育观后感
2015/06/17 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
60句有关成长的名言
2019/09/04 职场文书
导游词之韩国济州岛
2019/10/28 职场文书