编程 Javascript

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表单焦点自动切换代码，希望对大家有所帮助！

- Author -

924256520

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js类的静态属性和实例属性的理解

Oct 01 Javascript

JavaScript中String和StringBuffer的速度之争

Apr 01 Javascript

window.location.reload()方法刷新页面弹出要再次显示该网页对话框

Apr 24 Javascript

angularjs客户端实现压缩图片文件并上传实例

Jul 06 Javascript

js获取新浪天气接口的实现代码

Jun 06 Javascript

js实现本地图片文件拖拽效果

Jul 18 Javascript

原生js获取left值和top值的三种方法

Aug 02 Javascript

在 webpack 中使用 ECharts的实例详解

Feb 05 Javascript

vue中eslintrc.js配置最详细介绍

Dec 21 Javascript

js实现视图和数据双向绑定的方法分析

Feb 05 Javascript

vue 公共列表选择组件,引用Vant-UI的样式方式

Nov 02 Javascript

原生JS实现飞机大战小游戏

Jun 09 Javascript

javascript中sort排序实例详解

Jul 24 #Javascript

深入理解javascript作用域第二篇之词法作用域和动态作用域

Jul 24 #Javascript

关于input全选反选恶心的异常情况

Jul 24 #Javascript

JS中的==运算： [''] == false —>true

Jul 24 #Javascript

JavaScript关于提高网站性能的几点建议(一)

Jul 24 #Javascript

JavaScript提高网站性能优化的建议(二)

Jul 24 #Javascript

JavaScript学习小结之使用canvas画“哆啦A梦”时钟

Jul 24 #Javascript

You might like

实用函数7

2007/11/08 PHP

phpmyadmin导入(import)文件限制的解决办法

2009/12/11 PHP

php结合表单实现一些简单功能的例子

2011/06/04 PHP

php 定义404页面的实现代码

2012/11/19 PHP

解析php通过cookies获取远程网页的指定代码

2013/06/25 PHP

php输出1000以内质数(素数)示例

2014/02/16 PHP

PHP中几个可以提高运行效率的代码写法、技巧分享

2014/08/21 PHP

PHP实现支持SSL连接的SMTP邮件发送类

2015/03/05 PHP

从wamp到xampp的升级之路

2015/04/08 PHP

JavaScript 存在陷阱删除某一区域所有节点

2010/05/10 Javascript

Chrome中JSON.parse的特殊实现

2011/01/12 Javascript

浅谈 javascript 事件处理

2015/01/04 Javascript

jQuery实现鼠标滑过Div层背景变颜色的方法

2015/02/17 Javascript

js简单实现表单中点击按钮动态增加输入框数量的方法

2015/08/18 Javascript

jQuery检测滚动条是否到达底部

2015/12/15 Javascript

jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

2016/04/29 Javascript

Highcharts入门之简介

2016/08/02 Javascript

Node.js+ES6+dropload.js实现移动端下拉加载实例

2017/06/01 Javascript

AngularJS实现图片上传和预览功能的方法分析

2017/11/08 Javascript

taro小程序添加骨架屏的实现代码

2019/11/15 Javascript

selenium 反爬虫之跳过淘宝滑块验证功能的实现代码

2020/08/27 Javascript

python的random模块及加权随机算法的python实现方法

2017/01/04 Python

对pandas的算术运算和数据对齐实例详解

2018/12/22 Python

对Python协程之异步同步的区别详解

2019/02/19 Python

Pytorch之finetune使用详解

2020/01/18 Python

大学生工作推荐信范文

2013/12/02 职场文书

生物技术专业毕业生求职信范文

2013/12/14 职场文书

承诺保证书格式

2015/02/28 职场文书

家装业务员岗位职责

2015/04/03 职场文书

任命通知范文

2015/04/21 职场文书

倡议书的格式写法

2015/04/28 职场文书

答辩状格式范本

2015/05/22 职场文书

从事会计工作年限证明

2015/06/23 职场文书

观看《信仰》心得体会

2016/01/15 职场文书

Python快速优雅的批量修改Word文档样式

2021/05/20 Python

浅谈为什么我的 z-index 又不生效了

2022/07/15 HTML / CSS