javascript – 使用js / jquery进行动态输入

我试图建立一个动态输入框.当我点击小键盘时,我希望它显示在框中,并将该框限制为一个数字.当它达到极限时,下一个输入将转到下一个框.

我不希望用户能够在输入框上单击并手动输入值,我只是希望他们使用小键盘.输入框是否是一个很好的解决方案？

这是我的代码：

https://jsfiddle.net/Piq9117/dwxt928c/

这段代码将我点击的数字放在所有方框上.如何编写它以便当盒子已有数字时它会转到另一个盒子？

$(function () {
    var $passBox = $('input[type="text"]');
    var $numpad = $('.numpad');

    $numpad.on('click', function () {
        var $numValue = $(this).text();
        $passBox.val($numValue);
    })
});

解决方法:

将输入字段设置为只读,然后替换以下脚本,您将获得预期的结果.

$(function() {
    var $numpad = $('.numpad');
    var n=0;
    $numpad.on('click', function() {          
        var $passBox = $('input[type="text"]:eq('+n+')');        
        n=n+1;
        if(n>1)
            n=0;
        var $numValue = $(this).text();
        $passBox.val($numValue);
    });
});

DEMO