Отключить форму ввода ключа при использовании jquery ui автозаполнения виджета

Question

У меня есть форма, в которой используется плагин UQ для автозаполнения jquery, http://jqueryui.com/demos/autocomplete/, который все работает сладко, за исключением случаев, когда вы нажимаете клавишу ввода, чтобы выбрать элемент в автозаполнении список, он представляет форму.

Я использую это на сайте .NET webforms, поэтому может быть обработка javascript, связанная с формой, которую вводит .NET, которая переопределяет материал jQuery (я размышляю здесь).

Answer 1

Вы можете использовать обработчик событий на нем.

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

см: jQuery Event Keypress: Which key was pressed?

также: http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/javascript-char-codes-key-codes.aspx для списка кодов клавиш

Answer 2

Один из способов - нажать клавишу и проигнорировать ее, если это клавиша ввода.

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

Ответ туз пост помог мне решить мою проблему. Несмотря на то, что вы должны заметить, что код ace обеспечивает, должен существовать до $('input').autocomplete(*****), иначе вы не получите никакого эффекта.

Answer 5

Если вы все еще хотите, чтобы ввести ключ представить, после того, как выбор сделан автозаполнения,

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