Pasar focus de una caja de texto a otra caja de texto ??

[Alexis88]

Cuando pulsas la tecla TAB, automáticamente la siguiente caja toma el enfoque, no es necesario elaborar un algoritmo para que eso suceda. Sin embargo, en muchos centros de ingreso masivo de datos, piden que se habilite la tecla ENTER para pasar de una caja a otra. En ese caso, puedes utilizar este algoritmo que hice.

Código Javascript:

var inputs = document.getElementsByTagName("input"),
    size = inputs.length;
Array.prototype.forEach.call(inputs, function(a){
    if (a.type == "text"){
        a.addEventListener("keypress", function(e){
            if (e.keyCode == 13)
                if (this.nextElementSibling == inputs[size])
                    inputs[0].focus();
                else
                    this.nextElementSibling.focus();
        }, false);
    }
});
 

De este modo, cada vez que se pulse la tecla ENTER cuando una caja de texto tenga el enfoque, la siguiente caja tomará el enfoque, pero si estamos en la última caja, el enfoque será dado a la primera caja.



Saludos