textarea解决maxlength的兼容问题

使用textarea中的maxlength属性以为和input的maxlength属性一样,当输入textarea字符很多的时候,比如500个字符,在电脑会出现一个bug,就是输入495个字符就不能输入了,所以需要实现js代码来实现maxlength这种写法。
需求:
这里写图片描述

输入字符时:
这里写图片描述

HTML代码:

 <textarea name="content" id="addcontent" cols="50" rows="13" onpropertychange="checkLen(this,500);" oninput="checkLen(this,500);" onkeyup="checkLen(this,500);"></textarea>
                <div>正文字数: <span id="count" style="color: red;">0</span> 个文字(请勿超过500个字数)</div>

Javacript代码:

function checkLen(obj,maxlength){
    if(obj.value.length > maxlength){
        obj.value = obj.value.substring(0,maxlength);
    }
    var curr = obj.value.length;
    document.getElementById("count").innerHTML = curr.toString();
}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值