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实现显示和隐藏的4种简单方式
Aug 28 Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
javascript封装简单实现方法
Aug 11 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
详解Vue源码学习之双向绑定
Apr 10 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
PHP setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
vc6编写python扩展的方法分享
2014/01/17 Python
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
Python切换pip安装源的方法详解
2016/11/18 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
Python中pass的作用与使用教程
2020/11/13 Python
jupyter notebook远程访问不了的问题解决方法
2021/01/11 Python
干部下基层实施方案
2014/03/14 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
2015年度校学生会工作总结报告
2015/05/23 职场文书
新学期开学寄语2016
2015/12/04 职场文书
Django migrate报错的解决方案
2021/05/20 Python