为什么不能实现焦点的自动切换

<form action="index.php" method='get' id='a'>
    <input type="text" maxlength='10' value='123'>
    <input type="text" maxlength='10'>
    <input type="text" maxlength='10'>
</form>



js
var form=document.getElementById('a');
for (var i = 0; i < form.elements.length; i++) {
        form.elements[i].onkeyup=function () {
            if(form.elements[i].value.length==10&&form.elements[i+1]){
                form.elements[i+1].focus();
            }
        }
    }   

我的想法是当一个文本框的内容长度到了10个字符的时候，自动切换到下一个文本框，但是不行。问题在哪？

---

你绑定的keyup地方有些问题，需要用到js闭包。下面两种写法都能正常工作：

方法1、

var form = document.getElementById('a');

for (var i = 0; i < form.elements.length; i++) {
    (function(m) {
        form.elements[m].onkeyup = function () {
            if(form.elements[m].value.length == 10 && form.elements[m + 1]){
                form.elements[m + 1].focus();
            }
        }
    })(i)
} 

方法2、

var form = document.getElementById('a');

for (var i = 0; i < form.elements.length; i++) {
    form.elements[i].onkeyup = (function (i) {
        return function() {
            if(form.elements[i].value.length == 10 && form.elements[i + 1]){
                form.elements[i + 1].focus();
            }
        };
    })(i);
}