当前位置:   article > 正文

textarea解决maxlength的兼容问题_textarea的maxlength改了500为什么没用

textarea的maxlength改了500为什么没用

使用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>
  • 1
  • 2

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
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号