完美解决textarea字数限制

时光毁灭记忆、已成空白 提交于 2019-12-03 20:53:45

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


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


3、废话少说,上代码……

<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>


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!