textarea字数限制

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了textarea字数限制相关的知识,希望对你有一定的参考价值。

1、input、textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9。


2、同时绑定onchange、onkeydown、onkeyup,ie8/9下解决不了右键粘贴问题。


3、上代码……

<textarea rows="7" cols="12" style="resize: none;" id="message" maxlength="255"></textarea>

<div>还可输入<b id="num" style="color:#ff0000;font-size: 13px;">255</b>字</div>

<script>

  $("#message").on("input propertychange", function() {  

 var $this = $(this),  

    _val = $this.val(),

    count = "";  

 var max = parseInt($this.attr("maxlength"));//最大限制字数

 if (_val.length > max) {  

    $this.val(_val.substring(0, max));  

 }  

 count = max - $this.val().length;  

 $("#num").text(count);  

  });

</script>


以上是关于textarea字数限制的主要内容,如果未能解决你的问题,请参考以下文章

完美兼容实现:解决textarea输入框限制字数长度(带统计功能)

JavaScript 实现textarea限制输入字数, 输入框字数实时统计更新,输入框实时字数计算移动端bug解决

TextArea字数限制如何设置? [复制]

完美解决textarea字数限制

textarea中输入字数的限制

兼顾pc和移动端的textarea字数监控的实现方法