Обновление входного значения без потери позиции курсора

Возможный дубликат:
Остановить курсор от перехода до конца поля ввода в javascript replace

Я хочу указать, что значение текстового поля является строчным, с использованием JavaScript. Я пробовал код ниже, но курсор переходит в конец ввода каждый раз, когда вы нажимаете клавишу. Как я могу избежать этого?

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

Ответ 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)


Это действительно работает с CSS:

#beLowerCase{
  text-transform:lowercase;
}

И сервер может позаботиться о самом нижнем корпусе...