jQuery UI Автозаполнение Стрелка вниз Стрелка вверх

Question

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

Кажется, проблема в том, что

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

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

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

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

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

спасибо

Answer 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;
}