javascript - 如何对搜索/文本框字段中输入的每个字母运行 JavaScript？

Question

我有以下 HTML

<form id="project-filter" class="aui ajs-dirty-warning-exempt">
  <div class="project-filter-item">
    <input type="text" id="project-filter-text" placeholder="Contains text..." class="version-filter-  text text" value="">
  </div>
</form>

这是页面上的搜索框(文本)字段。我有一个 JS 函数，每次加载页面时都会运行。页面的内容就像一个表格(标题和表格数据)。但是，当在搜索框中输入内容时，JS 函数无法正常运行。(只执行表头，表体中不运行脚本)

所以我希望JS函数在每次输入字母时运行。

为此，我尝试执行以下操作，但它不起作用。

AJS.$('#project-filter-text').on('input', function() {
  // Call my JS function.
  setTimeout(removeProjectTypes, 0005);
  return true;
});

还有这个:

AJS.$('#text').keyup(function(event) {
  if(AJS.$('#text').val() == true) {       
    // Call my JS function here
  }
});

关于我应该做什么有什么建议吗？

Answer 1

您可以使用keyup事件。

<form id="project-filter" class="aui ajs-dirty-warning-exempt">
  <div class="project-filter-item">
    <input type="text" id="project-filter-text" placeholder="Contains text..." class="version-filter-  text text" value="">
  </div>
</form>


$('#project-filter').on('keyup', function() {
console.log('This will run each time :)');
});

尝试一下:)