키보드 위아래 키 자동 채우기를 구현하는 jquery.autocomplete 수정 example_jquery

요구 사항에 따라 Google Baidu의 쿼리 기능과 마찬가지로 Lenovo 메뉴에서 값을 얻으려면 키보드를 통해 위아래로 움직여야 합니다.
오랫동안 온라인에서 검색했지만 이 기능을 구현할 수 있는 플러그인을 찾을 수 없어서 직접 코드를 변경할 수밖에 없었습니다.
다음과 같이 js
에서 KEY.DOWN 및 KEY.UP 실행 코드를 찾습니다.

코드를 복사합니다 코드는 다음과 같습니다:

case KEY.DOWN:
event.preventDefault()
if ( select.visible() ) {
select.next(); 🎜>}
else {
onChange(0, true);
}
break

선택 후

코드 복사 코드는 다음과 같습니다.

var selected = select.selected()

var v = selected.result;
$input.val(v);


이것을 추가한 후 상하 키를 누르면 입력란에 해당 값이 나오는데 커서가 Lenovo 키보드에서 사라집니다.

select.next() 찾기; 코드 정의

코드 복사 코드는 다음과 같습니다.

다음: function() {

moveSelect(1);
},


유사한 메소드 추가

코드 복사 코드는 다음과 같습니다.

stay: function() {

moveSelect(1)
},


그런 다음

코드를 복사하세요 코드는 다음과 같습니다.

case KEY.DOWN:

event.preventDefault ();
if ( select.visible() ) {
select.next()
var selected = select.selected(); >var v = selected.result;
$ input.val(v);
select.stay()
}
else {
onChange(0, true); }
break;


그렇습니다.

==================================

정말 감사합니다 원저자에게

유사한 방법 추가




코드 복사

코드는 다음과 같습니다 stay: function() { moveSelect(1);

}, 나중에 위쪽 및 아래쪽 키를 클릭하면 인터레이스된 행이 이동하므로 다음과 같이 변경되었습니다.

stay: function() {
moveSelect(0)
},