javascript - 单击退格按钮长然后字数不刷新

Question

$("#desc_user").on('keyup', function() {
  var words = this.value.match(/\S+/g).length;
  if (words > 50) {
    var trimmed = $(this).val().split(/\s+/, 50).join(" ");
    $(this).val(trimmed + " ");
  } else {
    $('#word_left').text(50 - words);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea autocomplete="off" class="form-control input-sm description_notes errorAddDesc" type="text" placeholder="Please enter your text" id="desc_user" name="desc_user"></textarea><br>
<span id="word_left">50</span>

下面是我按下键后的字数统计 url。

当我们按下长退格按钮时它不起作用我试图获取字数，但是当我按下长退格按钮时它没有得到刷新。

jsfiddle

Answer 1

在计算字数之前检查 textarea 是否具有值将是您此处问题的解决方案。

$("#desc_user").on('keyup', function() {
  var words;
  if (this.value)
    words = this.value.match(/\S+/g).length;
  else
    words = 0;

  if (words > 50) {

    // Split the string on first 50 words and rejoin on spaces
    var trimmed = $(this).val().split(/\s+/, 50).join(" ");
    // Add a space at the end to keep new typing making new words
    $(this).val(trimmed + " ");

  } else {
    $('#word_left').text(50 - words);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea autocomplete="off" class="form-control input-sm description_notes errorAddDesc" type="text" placeholder="Please enter your text" id="desc_user" name="desc_user"></textarea><br>
<span id="word_left">50</span>