Textarea字符计数器

Question

window.onload = function() {                                                                                        
var text_max = 200;
$('#count_message').html('0 / ' + text_max );

$('#text').keyup (function() {
var text_length = $('#text').val().length;
var text_remaining = text_max - text_length;

$('#count_message').html(text_length + ' / ' + text_max);
});}

我有这个脚本在textarea中计算字符。但是它已经在textarea中实现了已经写好的东西了。

简单地说，我只是想知道如何让这个脚本在页面加载时检查字符，而不是在我按下某些内容之后。

我的意思是。当我重新加载页面时，剩下0/200个字符，但在该textarea中已经有150个字符

Answer 1

选项1：

在页面加载时触发keyup事件，如：

$('#count_message').keyup();

选项2：

创建keyup事件处理函数并在keyup上使用它，并在页面加载时使用：

$(function() {
  var text_max = 200;

  function onKeyup() {
    var text_length = $('#text').val().length;
    var text_remaining = text_max - text_length;
    $('#count_message').html(text_length + ' / ' + text_max);
  }

  onKeyup();
  $('#count_message').keyup(onKeyup);
});

Answer 2

代码中的轻微修改

var text_max = 200;


var text_length=$('#text').val().length;
var text_remaining =0;

$('#text').keyup (function() {
 text_length = $('#text').val().length;
 text_remaining = text_max - text_length;
$('#count_message').html(text_length + ' / ' + text_max);
});
$('#count_message').html(text_length + ' / ' + text_max);