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

JavaScript表单焦点自动切换代码

2016-07-24 16:40 537 查看

废话不多说，关键代码如下所示：

---恢复内容开始---
<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 表单切换

相关文章推荐

新的分享

章节导航