jQuery .change() 仅在单击或按下键盘上的按钮后执行 [重复]

Question

我需要有关我的 javascript/jQuery 代码的奇怪行为的帮助。

jQuery .change() 的简单文本输入仅在我单击页面或 chrome 控制台或按键盘上的某个键时执行，但在我在文本输入中键入文本时不会执行。

当然，我希望在每次更改文本输入后执行该代码，但现在看起来像：

1. 我在文本输入中输入了一些内容
2. 什么都没有发生
3. 我单击文档中的任意位置或按一个键，比如“tab”
4. 代码按预期运行

谁能解释一下这是怎么回事？

Му 代码很简单：

$('#search_field').change(function() {
  alert("test")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="search_field" class="form-control" id="search_field" placeholder="Search" />

Answer 1

1. 如果要在类型上显示，请使用 on('input')

$('#search_field').on('input',function() {
  alert($(this).val())
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="search_field" class="form-control" id="search_field" placeholder="Search" />