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中获取HTML元素值的三种方法
Jun 20 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
JS实现页面载入时随机显示图片效果
Sep 07 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
基于Vue过渡状态实例讲解
Sep 14 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
Node.js console控制台简单用法分析
Jan 04 Javascript
小程序调用微信支付的方法
Sep 26 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 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
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
PHP数组操作类实例
2015/07/11 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
thinkphp5.1框架模板布局与模板继承用法分析
2019/07/19 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
javascript 常用功能总结
2012/03/18 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
深入分析javascript中的错误处理机制
2016/07/17 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
js中常用的Math方法总结
2017/01/12 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
JS实现手写 forEach算法示例
2020/04/29 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
Python使用爬虫猜密码
2016/02/19 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
flask中过滤器的使用详解
2018/08/01 Python
python中字典增加和删除使用方法
2020/09/30 Python
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
德国街头和运动文化高品质商店:BSTN Store
2017/08/26 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
高中三年学习生活的自我评价
2013/10/10 职场文书
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
大学教师个人总结
2015/02/10 职场文书
安全主题班会教案
2015/08/12 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle