input输入框输满3个字符自动跳到下一个input输入框

最新推荐文章于 2024-03-29 19:05:28 发布

小黑ii

最新推荐文章于 2024-03-29 19:05:28 发布

阅读量1.1w

点赞数 4

分类专栏： html javascript 文章标签： html

本文链接：https://blog.csdn.net/qq_35844177/article/details/59483157

版权

javascript 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

html

4 篇文章 0 订阅

订阅专栏

html代码：

<div id="demo">
        <form action="">
            <input type="text" maxlength="3">
            <input type="text" maxlength="3">
            <input type="text" maxlength="3">
            <input type="text" maxlength="3">
            <input type="text" maxlength="3">
            <input type="text" maxlength="3">
        </form>
</div>

js代码：

var demo=document.getElementById('demo');
        input=demo.getElementsByTagName('input');
        var iNow=0;
        type   = !-[1,] ? 'onpropertychange' : 'oninput',
                limit  = 3; //满足自动切换焦点的字符数
        for(var i=0;i<input.length-1;i++){
            input[i].index=i;
            input[i][type]=function () {
                iNow=this.index;
                var that=this;
                setTimeout(function () {
                   that.value.length>limit-1&&input[iNow+1].focus();
                },0)
            }
        }