Tengo una entrada cuya longitud máxima = 3
#username { width: 30px; } <input type="text" id="username" name="username" maxlength="3">¿Hay alguna manera de reemplazar automáticamente la entrada de usuario más antigua con la entrada de usuario más reciente cuando se alcanza la longitud máxima?
Por ejemplo, los tipos de usuario 'a', 'b', 'c', 'abc' se muestran en la entrada. Si el usuario escribe 'd', se debe mostrar 'bcd' en la entrada.
Puede obtener los últimos 3 caracteres de la entrada usando String.prototype.substr() , luego reemplace la entrada con los últimos 3 caracteres cuando alguien ingrese un valor.
document.getElementById('username').addEventListener('input', function() { this.value = this.value.substr(-3); }); <input type="text" id="username" name="username"> Tendrá que eliminar maxlength="3" porque, de lo contrario, las personas no tendrán la oportunidad de ingresar el cuarto carácter que se usa para rotar la cadena.