jquery - 计算文本区域中的字符[重复]

Posted

技术标签:

【中文标题】jquery - 计算文本区域中的字符[重复]【英文标题】:jquery - count character in textarea [duplicate] 【发布时间】:2018-03-09 17:30:40 【问题描述】:

所以我有这个文本区域,它们是字符限制。怎么做?我不想要“剩余字符类型”,例如:“剩余 250 个字符”。我想要这种类型:“250/250”,直到它变成“0/250”。如何做到这一点?

html

<textarea maxlength=250>Text Here</textarea>
<span id="charCount">250/250</span>

【问题讨论】:

你有尝试过什么吗?您是否停留在任何特定的实现细节上? 【参考方案1】:
    //try this   
   <textarea maxlength=250 id="text">Text Here</textarea>
     <span id="charCount">250/250</span>

   <script type="text/javascript" >
      $('#text').keypress(function() 
         var $self = $(this);
         var max = parseInt($(this).attr("maxlength"));

         if ($self.text().length > max) 
           return false;
         

         $("#charCount").html((max - $self.text().length) + "/" + max);
      );
   </script>

【讨论】:

以上是关于jquery - 计算文本区域中的字符[重复]的主要内容,如果未能解决你的问题,请参考以下文章

文本区域中的光标位置(字符索引,不是 x/y 坐标)

获取文本区域中的光标位置

如何防止文本区域中的重复空格

如何使用jQuery更改文本区域中的行数

限制文本区域中的行数

文本区域中的 Twitter 样式自动完成