javascript - eventos - Actualizar el valor de una entrada sin perder la posición del cursor

onmouseover javascript

Question

Posible duplicado:
Detener el cursor de saltar al final del campo de entrada en javascript replace

Quiero ordenar que el valor de un cuadro de texto sea minúsculo, usando JavaScript. He intentado con el siguiente código, pero el cursor salta al final de la entrada cada vez que presiona una tecla. ¿Cómo puedo evitar esto?

$("#beLowerCase").keyup(function(){
    $(this).val( $(this).val().toLowerCase() );
});

Answer 1

$("#beLowerCase").on(''input'', function(){

    // store current positions in variables
    var start = this.selectionStart,
        end = this.selectionEnd;

    this.value = this.value.toLowerCase();

    // restore from variables...
    this.setSelectionRange(start, end);
});

( fiddle )

Esto realmente funciona con CSS también:

#beLowerCase{
  text-transform:lowercase;
}

Y el servidor puede ocuparse de la carcasa inferior real ...