表单焦点自动切换

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。我需要怎么修改呢？谢谢