表单焦点自动切换

Question

<input type="text" class="txt" maxlength="5" placeholder="1"/>
<br/>
<input type="text" class="txt" maxlength="5" placeholder="2"/>
<br/>
<input type="text" class="txt" maxlength="5" placeholder="3"/>

<script>

　　var txt = document.getElementsByClassName("txt");
　　for(var i=0;i<txt.length;i++){
　　　　txt[i].onkeyup = function(){
　　　　if(this.value.length == 5){
　　　　this.blur();
　　　　txt[i+1].focus();
　　　　};
　　};
}

</script>

需求是这样的：在输入框输入内容之后，自动将焦点定位到下一个input上

Answer 1

怎么样算作输入内容？达到指定个数字符？总不能按一个键就切换吧？

Answer 2

用jquery吧，然后用$this查找他的兄弟元素试试

Answer 3

在循环中绑定函数，函数中又使用了索引，这里踩了闭包的坑 事件执行时的i应该一直时最后一个

Answer 4

是的，i一直是等于3。我需要怎么修改呢？谢谢