반응형

대소문자 변경 후 키보드 커서의 위치가 맨 끝으로 가게끔 되버려서 문제가 있었습니다.

 

하코사의 질문을 올렸고 그에 대한 답변을 받아서 아래와 같이 수정 하였습니다.

$(document).on("keyup", "input", function () {
    var vValue = $(this).val();
    var position = this.selectionStart; //현재 포커스 되어있는 곳에 포지션을 둔다.
    $(this).val(vValue.toUpperCase()); //소문자를 대문자로 변경한다.
    this.setSelectionRange(position, position); //포커스 되어있는 곳에 포지션으로 이동한다.
});
$(document).on("keyup", "textarea", function () {
    var vValue = $(this).val();
    var position = this.selectionStart; //현재 포커스 되어있는 곳에 포지션을 둔다.
    $(this).val(vValue.toUpperCase()); //소문자를 대문자로 변경한다.
    this.setSelectionRange(position, position); //포커스 되어있는 곳에 포지션으로 이동한다.
});

 

※하코사의 '삽질하는사람'님 감사합니다 ㅎ

+ Recent posts