您的位置：首页 > Web前端 > JavaScript

JavaScript表单焦点自动切换代码

2016-07-24 00:00 579 查看
废话不多说，关键代码如下所示：

---恢复内容开始---

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

您可能感兴趣的文章:

js实现表单Radio切换效果的方法
基于javascript实现图片切换效果
javascript单页面手势滑屏切换原理详解
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
JavaScript实现图片滑动切换的代码示例分享
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  js 表单 切换
相关文章推荐
新的分享
章节导航