完美解决textarea字数限制[转载]

最新推荐文章于 2024-06-18 23:00:00 发布

willeny

最新推荐文章于 2024-06-18 23:00:00 发布

阅读量2k

点赞数 1

分类专栏： js html 文章标签： html js textarea

原文链接：https://blog.csdn.net/fb_01/article/details/51026774

版权

js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

html

5 篇文章 0 订阅

订阅专栏

###原文地址：https://blog.csdn.net/fb_01/article/details/51026774

input、textarea都有maxlength属性，但是textarea不兼容ie8/9，input兼容ie8/9。
同时绑定onchange、onkeydown、onkeyup，ie8/9下解决不了右键粘贴问题。
具体代码如下：

	<textarea name="detail" id="detail" cols="" rows="" placeholder="请输入内容" style="height: 250px;"></textarea>
    <p><span id="text-count">255</span>/255</p>
    <script type="text/javascript">
            $('#detail').on("input propertychange",function(){
                var this = $(this);
                _val = $this.val(),
                count = "";
                if(_val.length > 255){
                    $this->val(_val.substring(0,255));
                }
                count = 255 - $this.val().length;
                $("#text-count").text(count);
            });
     </script>

html代码截图
js代码截图