javascript - 为什么不能实现焦点的自动切换-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

伊谢尔伦 2017-04-10 15:22:39

[JavaScript讨论组]

559



<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个字符的时候，自动切换到下一个文本框，但是不行。问题在哪？

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(1)

ringa_lee2017-04-10 15:24:39 1楼

你绑定的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);
}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>