Zatrzymaj formularz podania "Enter" podczas korzystania z widgetu autouzupełniania jquery ui

Question

Mam formularz korzystający z wtyczki autouzupełniania jquery UI, http://jqueryui.com/demos/autocomplete/, która działa tylko z wyjątkiem sytuacji, gdy naciśniesz klawisz Enter, aby wybrać pozycję w autouzupełnianiu listę, przesyła formularz.

Używam tego w witrynie sieci web .NET, więc może istnieć obsługa javascript związana z formularzem, który jest wstrzykiwany .NET, który nadpisuje rzeczy jQuery (spekuluję tutaj).

Answer 1

Możesz użyć obsługi zdarzenia na nim.

$("#searchTextBox").keypress(function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 13) { //Enter keycode 
     return false; 
    } 
}); 

patrz: jQuery Event Keypress: Which key was pressed?

również: http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/javascript-char-codes-key-codes.aspx na liście kody klawiszy

Answer 2

Jednym ze sposobów jest naciśnięcie klawisza i zignorowanie go, jeśli jest to klawisz Enter.

Answer 3

$("#autocomplete_field_id").keypress(function(event){ 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if (keycode == '13') { 
    event.preventDefault(); 
    event.stopPropagation();  
    } 
}); 

Answer 4

Odpowiedź ace po pomógł mi rozwiązać mój problem. Chociaż należy zauważyć, że kod as musi być dostępny przed $('input').autocomplete(*****), w przeciwnym razie nie otrzymasz żadnego efektu.

Answer 5

Jeśli nadal chcesz kluczem do przedstawienia wejść, po wyborze autouzupełnianie jest wykonany,

if (evt.keyCode === 13 && !$('.ui-autocomplete').is(':visible')) { 
    $('.ui-button:first').click(); 
} 
evt.stopPropagation();