jquery - jQuery UI 自动完成 DownArrow UpArrow

Question

我在使用 jQuery Autocomplete 和移动 DownArrow 和 UpArrow 时遇到一些问题？

问题似乎是

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

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

这对鼠标焦点非常有用 - 但是当我使用arrowUp和时arrowDown- 它会选择ui.item.idui.item.label

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

1. inputval 根本没有改变[即它保持用户输入的术语]
2. 它使用用户使用 keydown/keyupinput的 val 更新 valfocused

谢谢

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