javascript - 简单按键事件不适用于文本框

Question

我有一个文本框，在其中编写了 Enter 键的按键功能，该功能应该显示警报。

这是我的 html 和脚本。

这是我的文本框:

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

在我的页面内

脚本:

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

但是当我在文本框中按 Enter 键时，我没有收到警报。

我犯了什么错误，我该如何解决这个问题？

Answer 1

我认为您正在 HTML 中动态添加此元素，并且 .keypress 仅适用于预加载的元素。 jQuery 为动态添加元素提供了 $(document).on。

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