动态获取textarea剩余可输入字数

动态获取textarea剩余可输入字数

最近在做个人博客，评论部分涉及到剩余可输入字数，虽然是一个简单的不能再简单了的功能，无奈前端不是很熟。于是乎，记录一下。

 // 评论内容设限，最多可输入500字
    $("#input_textarea").on('input', function () {
        var inputedNum = $("#input_textarea").val().length;     //这里可以用input,也可以keyup,总之就是事件监听
        var canInputNum = parseInt(500 - inputedNum);           //剩余可输入字数

        if (canInputNum > 0) {
            $("#input_can").html("你还可以输入" + canInputNum + "字");
        } else {
            $("#input_can").html("你还可以输入0字");
            $('#input_textarea').val($('#input_textarea').val().substring(0, 500));    //当输入500字后 无法再输入
        }
    });

放张效果图：