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 相关文章推荐
动态刷新 dorado树的js代码
Jun 12 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
JavaScript模拟鼠标右键菜单效果
Dec 08 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
JavaScript原生实现观察者模式的示例
Dec 15 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
jquery实现上传图片功能
Jun 29 jQuery
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
239军机修复记
2021/03/02 无线电
用PHP的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
PHP使用递归生成文章树
2015/04/21 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
浅析document.ready和window.onload的区别讲解
2013/12/18 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
在React框架中实现一些AngularJS中ng指令的例子
2016/03/06 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
使用rollup打包JS的方法步骤
2018/12/05 Javascript
JQuery事件委托原理与用法实例分析
2019/05/13 jQuery
利用PHP实现递归删除链表元素的方法示例
2020/10/23 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
Python中的推导式使用详解
2015/06/03 Python
简要讲解Python编程中线程的创建与锁的使用
2016/02/28 Python
django框架forms组件用法实例详解
2019/12/10 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
导游词之任弼时故居
2020/01/07 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
Python Pandas常用函数方法总结
2021/06/15 Python
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server
小程序实现侧滑删除功能
2022/06/25 Javascript