textarea 字数提示与统计功能

最新推荐文章于 2024-09-19 17:05:06 发布

原创

最新推荐文章于 2024-09-19 17:05:06 发布 · 668 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#class

该博客介绍了如何使用onpropertychange事件为textarea实现字数提示和统计功能。通过JavaScript函数countTextLength，限制了textarea的最大输入字数，并动态显示剩余字数。然而，存在一个小bug：当只剩一个字符时，回车会超出字数限制，这会影响到粘贴操作。

利用 onpropertychange 事件实现textarea 字数提示与统计功能，以下为实例代码：

<html>
<script>
function countTextLength(obj, max, spanId){
//最大长度
var maxLength = max;
//变化后长度
var nowLength = obj.value.length;
//变化前长度
var oldTxtaDiv = document.getElementById(spanId).innerHTML;
//剩余长度
var allowableLength = 0;
if(nowLength > maxLength){
  if(oldTxtaDiv == 1){
   obj.value =(obj.value.substring(0, (maxLength-1)));
   allowableLength = 1;
  }else{
   obj.value =(obj.value.substring(0, maxLength));
  }
}else{
  allowableLength = maxLength - nowLeng