JQuery UI Autocomplete DownArrow UpArrow

У меня возникают некоторые проблемы с автозаполнением jQuery и перемещение DownArrow и UpArrow?

Проблема заключается в том, что

<input id="autocomplete-input" value="">

focus: function (event, ui) {
       $('#autocomplete-input').val(ui.item.label);
 }

Это отлично работает для фокуса MOUSE, но когда я использую arrowUp и arrowDown - он выбирает ui.item.id поверх ui.item.label

Как я могу это исправить, чтобы:

  • параметр input вообще не изменяется (т. он сохраняет пользователей введенный термин]
  • он обновляет значение input val с помощью focused val, пользователь включен с keydown/keyup

спасибо

ОТВЕТЫ

Ответ 1

Обязательно избегайте поведения события focus по умолчанию:

focus: function (event, ui) {
    this.value = ui.item.label;
      // or $('#autocomplete-input').val(ui.item.label);

    // Prevent the default focus behavior.
    event.preventDefault();
      // or return false;
}