javascript - 监控输入字段变化jquery

Question

如何检测我何时递增/递减输入值？以下代码对我不起作用(使用 jquery 1.8)

$(document).ready(function(){
      $("input[id=count]").change(function(){
        alert($(this).val());
      });
    });

<input type="number" id="count" value="1">

Answer 1

Use input event using .on method.

DOM input event当 <input> 的值被同步触发或 <textarea>元素已更改。

change事件 input输入 number/text当元素失去焦点时调用

注意: $("#count")比使用 ID selector 更合适的选择器( Attribute Equals Selector [name=”value”] )选择器

$(document).ready(function() {
  $("#count").on('input', function() {
    console.log($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="number" id="count" value="1">