jQuery .keyup()无效

Question

我有这个代码:

<script>
     $('#searchInput').keyup(function() {
               alert('Handler for .keyup() called.');
     });
</script>

而这个输入:

<input id='searchInput' type='text' placeholder='Search other alumni users' />

但是当我按下一个键警报时没有出现...我已经包含了jQuery脚本.

Answer 1

将您的代码更改为

$(function(){ // this will be called when the DOM is ready
  $('#searchInput').keyup(function() {
    alert('Handler for .keyup() called.');
  });
});

在构建jQuery集时确保DOM元素存在.

Answer 2

$(document).ready(function() {
  $('#searchInput').keyup(function() {
    alert('Handler for .keyup() called.');
  });
});

要么

$(function() { 
  $('#searchInput').keyup(function() {
    alert('Handler for .keyup() called.');
  });
});

Answer 3

keyup/keydown似乎只适用于 中存在的元素document.ready。

如果您从页面加载后更改或注入的元素触发事件，这些事件将不会触发。

查找或创建加载时要监视的元素的父元素，然后将事件设置为从该父元素触发可以绕过此问题。