Как сделать удаление символов, когда поле для каждого символа отдельно?

Question

[istasiik]

Мне тут сегодня помогли с тем, как реализовать такое поле для ввода. Но вот незадача, оно реагирует на нажатие любой клавиши, когда нажимаешь на backspace он удаляет символ в данном поле и переходит на следующее. Как сделать, что бы переходил на предыдущее? Вот тут реализовано: jsbin.com/povizetizu/edit

Answer 1

[Scorpi]

$(function() {
    var inputs = $("input");
    inputs.on("keyup", function(event) {
        var index = inputs.index(this);
        if (event.which === 8 || event.which === 46) {
            if (index > 0) {
                inputs.eq(index - 1).focus();
                inputs.eq(index - 1).val("");
                return;
            }

        } else
        if ((index + 1) < inputs.length) {
            inputs.eq(index + 1).focus();
        } else {
            var number = "";
            inputs.each(function() {
                number += $(this).val()
            });
            console.log(number);
        }
    });
});

Comments

[istasiik]

Спасибо!

Answer 2

[Дмитрий Клусевич]

вешай функцию на backspace с помошью событии keydown/keyup/keypress

Answer 3

[Сергей Мельников]

jsbin.com/liruwo/1/edit?js,output

Comments

[istasiik]

Работает, но не совсем корректно. Удалять можно только когда все символы введены