textarea 字数提示与统计功能

最新推荐文章于 2023-12-21 14:19:53 发布

sdx_8218

最新推荐文章于 2023-12-21 14:19:53 发布

阅读量550

点赞数 1

分类专栏： js 文章标签： class

本文链接：https://blog.csdn.net/sdx_8218/article/details/6987599

版权

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

摘要由CSDN通过智能技术生成

利用 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 - nowLength;
}
document.getElementById(spanId).innerHT

最低0.47元/天解锁文章

sdx_8218

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
textarea 字数提示与统计功能

利用 onpropertychange 事件实现textarea 字数提示与统计功能，以下为实例代码：function countTextLength(obj, max, spanId){ //最大长度 var maxLength = max; //变化后长度 var nowLength = obj.value.length; //变化前长度 var old
复制链接

扫一扫