javascript - 如何更新附加值？

伙计们，我有输入文字，当我开始输入文字时，它会计算出我正在使用的字母数。但是当我清除输入值时，无法更改字母计数器。我怎么才能得到它？
提前致谢。
Jsfiddle

function count_letter() {
  var len = $("#area").val().length;
  $('#counter').append(len);
}

$('#area').bind('keyup', function() {
  $('#counter').html('');
  count_letter();
});

$('#clear-value').click(function(){
  $("#area").val(" ");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="area"><br>
<div id="counter"></div><br>

<button id="clear-value">
Clear value
</button>

最佳答案

在#clear-value事件处理程序中，添加：

$('#counter').empty();

这将清除#counter元素。

  function count_letter() {
    var len = $("#area").val().length;
    $('#counter').append(len);
  }

  $(function() {
    $('#area').bind('keyup', function() {
      $('#counter').html('');
      count_letter();
    });

    $('#clear-value').click(function(){
      $("#area").val("");
      $('#counter').empty(); //<<<-----
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="area"><br>
<div id="counter"></div><br>

<button id="clear-value">
Clear value
</button>

关于javascript - 如何更新附加值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34437773/