input text con texto invertido, javascript

[dontexplain]

Para eso, en navegadores como Firefox o Chrome (excepto IE) puedes usar el método setSelectionRange...

setSelectionRange establece el inicio y el final del rango actual de selección del cursor, claro que si no hay nada seleccionado, el inicio del rango de selección tiene que coincidir con la posición del cursor.

por ejemplo, si yo tengo el texto ejemplodetexto y lo selecciono quedaría en

ejemplodetexto

donde o es el comienzo del cursor, y el cursor por tanto se situará ahí. ¿Cómo hacer lo contrario? Usando text-align:right


e = document.getElementById('input');

if(e.setSelectionRange){

e.setSelectionRange(0,0); // en dos parámetros simples se establece el rango
e.focus(); // rango vacío, se hace foco

} else if(e.createTextRange){

rango = e.createTextRange(); // se invoca el método
rango.moveat("character", 0); // el inicio del rango es el caracter 0
rango.moveEnd("character", 0); // el final del rango es el caracter 0
rango.select(); // el método para invocar la selección finalmente
}

Y así se simple se establece un rango de selección vacío con el cursor al inicio del rango.

Un saludo.