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实现页面定时跳转总结篇
Sep 21 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
Bootstrap 布局组件(全)
Jul 18 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 Javascript
js html实现计算器功能
Nov 13 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
基于JavaScript获取url参数2种方法
Apr 17 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
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
php求今天、昨天、明天时间戳的简单实现方法
2016/07/28 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
Yii2结合Workerman的websocket示例详解
2018/09/10 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
jquery DOM操作 基于命令改变页面
2010/05/06 Javascript
使用jQuery模板来展现json数据的代码
2010/10/22 Javascript
JS弹出窗口代码大全(详细整理)
2012/12/21 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
Node.js 中判断一个文件是否存在
2020/08/24 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
Python入门篇之函数
2014/10/20 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
python编写俄罗斯方块
2020/03/13 Python
python属于解释型语言么
2020/06/15 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
我的动漫时代的创业计划书范文
2014/01/27 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
逃课检讨书范文
2015/05/06 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python