커서 위치를 잃지 않고 입력 값 업데이트

커서 위치를 잃지 않고 입력 값 업데이트

이 질문에는 이미 다음과 같은 답변이 있습니다.

자바스크립트 바꾸기에서 커서가 입력 필드 끝으로 점프하는 것을 중지합니다. (3개 답변)

닫힘3년 전에.

저는 자바스크립트를 사용하여 텍스트 상자의 값을 소문자로 지정하고 싶습니다.아래 코드를 써봤는데, 키를 누를 때마다 커서가 입력 끝으로 뜁니다.어떻게 하면 이걸 피할 수 있을까요?

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

$("#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);
});

( fid들)

---

이것은 실제로 CSS에서도 작동합니다.

#beLowerCase{
  text-transform:lowercase;
}

그리고 서버가 실제 하위 케이스를 처리할 수 있습니다.

언급URL : https://stackoverflow.com/questions/14508707/updating-an-inputs-value-without-losing-cursor-position