jQuery UI Autocomplete DownArrow UpArrow

Question

Sto riscontrando alcuni problemi con jQuery Autocomplete e lo spostamento di DownArrow e UpArrow?

Il problema sembra essere che

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

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

Questa grande opera per MOUSE attenzione - ma quando uso arrowUp e arrowDown - seleziona il ui.item.id al di là della ui.item.label

Come posso risolvere questo in modo che:

1. il valore input val non è stato modificato affatto [vale a dire Mantiene gli utenti termine immesso]
2. aggiorna il input val con la focused val l'utente è accesa con keydown/keyup

grazie

Answer 1

fare in modo di evitare che il comportamento predefinito dell'evento 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; 
}