美文网首页
解决textarea字数限制

解决textarea字数限制

作者: BigDipper | 来源:发表于2018-10-23 18:36 被阅读14次

    原文地址

    从网上发现一篇好教程,亲测,能用。

    现象:

    • input、textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9。
    • 同时绑定onchange、onkeydown、onkeyup,ie8/9下解决不了右键粘贴问题。

    解决方案

    <textarea id="area" name="ss" placeholder="请输入文本内容"></textarea>
    <p><span id="text-count">20</span>/20</p>
    <script type="text/javascript">
        /*字数限制*/
        $("#area").on("input propertychange", function() {
            var $this = $(this),
                _val = $this.val(),
                count = "";
            if (_val.length > 20) {
                $this.val(_val.substring(0, 20));
            }
            count = 20 - $this.val().length;
            $("#text-count").text(count);
        });
    </script>
    

    相关文章

      网友评论

          本文标题:解决textarea字数限制

          本文链接:https://www.haomeiwen.com/subject/kunazftx.html