jQuery UI 自动完成 DownArrow UpArrow

我在 jQuery 自动完成和移动向下箭头和向上箭头方面遇到一些问题？

问题似乎在于

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

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

这对于鼠标焦点非常有效 - 但当我使用时arrowUp and arrowDown- 它选择ui.item.id超过ui.item.label

我该如何解决这个问题，以便：

1. the inputval 根本没有改变[即它留住了用户 输入的术语]
2. 它更新了input值与focusedval 用户使用 keydown/keyup 开启

thanks

确保防止默认行为focus event:

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