티스토리 뷰
jquery ui의 autocomplete를 사용하여 자동완성 기능을 기존에 구현하였었습니다.
그런데 다시 확인해보니 영문과 한글 입력시에 차이점이 있었습니다.
영문은 기본적으로 입력시에 aaa라고 적으면 커서가 a라는 글자의 뒤에 위치하게 됩니다. 그런데 한글은 그렇지가 않죠..
그래서 autocomplete에서는 입력커서가 문자 뒤에 위치해야 한글 자동완성이 제대로 작동했습니다.
자세히 말하자면 한 이라고 입력했을때 아래에 나타난 단어들을 선택하려고 DOWN 키를 눌럿을때
포커스가 아래쪽으로 이동해야하는데 이동함과 동시에 해당 문자가 입력되어버리는거죠.
커서를 이동하니 해당 현상은 없었습니다만..
사용자가 늘상 본인이 입력하고나서 커서를 이동시키고 자동완성 기능을 이용할리가 만무하고해서 찾아보다가
구버전의 autocomplete를 사용하게 되었습니다.
현재 jquery ui 홈페이지의 autocomplete와는 ui상에도 차이점이 좀 있는데 그런 개선 때문에 생긴 오류인지는 확실히 모르겠습니다.
(최신버전으로 잘 사용하고 계신분들도 있으니..)
암튼 위와 같은 오류의 경우 첨부된 autocomplete를 사용하시면 해결될 것 같습니다.
$(document).ready(function() {
$("#inputBox").autocomplete(sourceArray,{
matchContains: true
});
});
위는 기본 소스 입니다. 참고하세요.
728x90
'헉!! > javascript' 카테고리의 다른 글
[jQuery] 접속 클라이언트의 Agent를 쉽게 확인할 수 있는 플러그인 (0) | 2014.08.09 |
---|---|
[javascript] 크롬에서 window.close 가 안될때 (1) | 2014.01.06 |
[javascript] jQuery와 prototype 충돌 오류해결 (0) | 2013.07.09 |
[javascript] 자바스크립트로 첨부파일 확장자 체크 (8) | 2013.05.07 |
[javascript] 원하는 select option의 selected 처리 (0) | 2013.04.23 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 아이폰
- 자바
- Object C
- iOS 개발
- iBATIS
- 아이폰 개발
- 제이쿼리
- JavaScript
- MySQL
- JSP
- MAC OSX 10.7
- Spring Framework
- 티스토리챌린지
- IT
- tomcat
- 아이폰 어플리케이션
- oracle
- 오브젝티브 C
- Objective-C
- iPhone
- Programming
- 자바스크립트
- Java
- 오브젝트 C
- jQuery
- zero
- Objective C
- 오블완
- SQL
- Spring
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함