jQuery UI Autouzupełnianie DownArrow UpArrow

Question

Mam pewne problemy z autouzupełnianiem jQuery i przenoszeniem DownArrow i UpArrow?

Problem wydaje się, że

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

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

Działa to doskonale dla myszy naciskiem - ale kiedy używam arrowUp i arrowDown - ona wybiera ui.item.id przekraczającą ui.item.label

Jak mogę to naprawić, aby:

1. the input val nie jest zmieniany w ogóle [tj. Utrzymuje użytkownikom wprowadzonego terminu]
2. aktualizuje input val z focused val użytkownik jest z keydown/keyup

dzięki

Answer 1

upewnij się, aby zapobiec domyślne zachowanie zdarzenia 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; 
}