javascript - jQuery 计数器 : Stop type when reach limit

Question

我为文本区域创建了一个计数器，现在我成功计算了长度，但我希望在达到限制后，用户无法再输入。

如何让它在达到限制时停止打字？

$('textarea').keyup(function () {
  var max = 10;
  var len = $(this).val().length;
  var char = max - len;
  if (len >= max) {
    $(this).parent().find('.counter').text(char + '/'+max);
    $(this).parent().find('.counter').css({"color":"red"});
  } 
  else {
    $(this).parent().find('.counter').text(char + '/'+max);
    $(this).parent().find('.counter').css({"color":"#ccc"});    
  }
});

这是 jsfiddle https://jsfiddle.net/5vf8pce3/

Answer 1

你可以:

1) 将 keyup 更改为 keydown 并返回 false;。 fiddle :https://jsfiddle.net/mrlew/5vf8pce3/4/

2) 或使用maxlength attribute (HTML5)。

<textarea maxlength="10"></textarea>