Jquery autocomplete focus 한글 검색 문제 본문

javaScript/jquery

Jquery autocomplete focus 한글 검색 문제

violet4795 2019. 12. 4. 16:30

요근래 메모기능을 개발하던 중..

 

메모를 같이 볼 수 있게 하는 참조자를 jquery autocomplete를 이용해서 개발했는데

 

문제점이 생겼다.

 

영어로 검색할때는 문제가 없으나.

 

한글로 검색할때 

 

찾고자 하는 검색어가 '아이스크림'일때 

 

'아이스크림'을 입력할때 autocomplete로 완성되었을 때,

 

아이스크림

아이스크림1

아이스크림2

 

이렇게 나올때 밑에 목록을 ↓버튼으로 골라도 목록이 그대로 유지가 된다.

 

하지만 검색어를 '아이'라고 입력했을때 마찬가지로 autocomplete로 완성되었을 때,

 

아이스크림

아이스크림1

아이스크림2

 

이렇게 목록이 나올때 ↓버튼으로 한칸 움직이면 값이 '아이스크림'으로 바뀌면서 재검색이 된다.

 

jquery -ui 1.12.1 버전에서 autocomplete를 찾아봤을때

 

검색어와 같은 완성된 값이 첫번째 목록에 나오지 않는다면 검색어를 수정하여 다시 검색하는 로직이 삽입되어있었으나

 

왜 영어는 가능한것인지는 나중에..

 

그리하야 autocomplete 내부에

focus: function(event, ui){

    return false;

}

로 해결했다.