jQuery .change不起作用

Question

为什么在更改输入时输出不会改变？

HTML

<div class="display" id="out">test</div>

<div class="form-group">
  <label for="comment">value:</label>
  <input class="form-control" type="text" value="0.00" id="in"></input>
</div>

的jQuery

$('#in').on("change", function(){
    $('#out').html($(this).val());
});

http://jsfiddle.net/ahpu8wwx/2/

Answer 1

你在小提琴中缺少jQuery库。使用 input 或 keyup 事件进行即时更新。 change 事件仅在您从输入字段转出焦点时触发

$('#in').on("input", function(){
    $('#out').html(this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="display" id="out">test</div>

<div class="form-group">
  <label for="comment">value:</label>
  <input class="form-control" type="text" value="0.00" id="in"/>
</div>