jQuery UI 自动完成 DownArrow UpArrow

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 val 根本没有改变[即它留住了用户输入的术语]
2. 它更新 input val 与 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;
}