Простой случай нажатия клавиши Не работает для текстового поля

Question

У меня есть текстовое поле, в котором я записал функцию нажатия клавиши Enter, которая должна показывать предупреждение.

Вот мой html и скрипт.

Вот мой Textbox:

<li> 
<input type="text" class="fi_top" placeholder="Howdy" id="howdy" value=""> 
</li> 

А внутри страницы у меня есть

Сценарий:

$("#howdy").keypress(function(event) 
{ 
    if (event.which == 13) { 
    alert('okay'); 
} 
}); 

Но я не получаю уведомление, в то время как я нажимаю войти в текстовое поле.

Какая ошибка я делаю и как я могу это исправить?

Answer 1

Я думаю, что вы добавляете этот элемент динамически в HTML, а .keypress будет работать только с предварительно загруженными элементами. jQuery предоставил $ (document) .on для динамически добавленных элементов.

$(document).on("keypress", "#howdy", function (e) { 
    if (e.keyCode == 13 || e.which == '13') { 
     //Do your work 
    } 
}); 

Answer 2

Эй, вы должны попробовать keypress событие, как этот

$("#howdy").keypress(function() { 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if (keycode == '13') { 
     callAjaxGetJoiningDate($(this).val()); 
     event.preventDefault() 
    } 
}); 

Answer 3

Попробуйте

event.KeyCode == 13 

JS код:

$("#howdy").keypress(function(event) 
{ 
    if (event.keyCode == 13) { 
    alert('okay'); 
} 
}); 

Смотрите эту fiddle

Answer 4

Поместите это в document.ready блок, чтобы он срабатывал после того, как весь дом загрузится. В конце концов отметьте свой скрипт атрибутом defer.

Вы должны использовать оба ключа и keyCode, так как они не работают во всех браузерах.

$("#howdy").keypress(function(event) 
{ 
    if (event.which == 13 || event.keyCode == 13) { 
    alert('okay'); 
} 
});