jQuery UI自动完成DownArrow UpArrow

Question

我在使用jQuery Autocomplete和移动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

我该如何解决这个问题,以便:

1. 该inputVAL完全不改变[即它使用户输入项]
2. 它使用keydown/keyup用户所input使用的focusedval 更新val

谢谢

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