티스토리 뷰

jquery ui의 autocomplete를 사용하여 자동완성 기능을 기존에 구현하였었습니다.

그런데 다시 확인해보니 영문과 한글 입력시에 차이점이 있었습니다.

영문은 기본적으로 입력시에 aaa라고 적으면 커서가 a라는 글자의 뒤에 위치하게 됩니다. 그런데 한글은 그렇지가 않죠..

그래서 autocomplete에서는 입력커서가 문자 뒤에 위치해야 한글 자동완성이 제대로 작동했습니다.

자세히 말하자면 한 이라고 입력했을때 아래에 나타난 단어들을 선택하려고 DOWN 키를 눌럿을때

포커스가 아래쪽으로 이동해야하는데 이동함과 동시에 해당 문자가 입력되어버리는거죠.

커서를 이동하니 해당 현상은 없었습니다만..

사용자가 늘상 본인이 입력하고나서 커서를 이동시키고 자동완성 기능을 이용할리가 만무하고해서 찾아보다가

구버전의 autocomplete를 사용하게 되었습니다.


현재 jquery ui 홈페이지의 autocomplete와는 ui상에도 차이점이 좀 있는데 그런 개선 때문에 생긴 오류인지는 확실히 모르겠습니다.

(최신버전으로 잘 사용하고 계신분들도 있으니..)

암튼 위와 같은 오류의 경우 첨부된 autocomplete를 사용하시면 해결될 것 같습니다.


jquery.autocomplete_2.zip


$(document).ready(function() {

$("#inputBox").autocomplete(sourceArray,{ 

matchContains: true

});

});

위는 기본 소스 입니다. 참고하세요.

728x90