javascript - 字数计数器问题

Question

我有一个文本区域，我在其中进行倒计时，.keyup()但它虽然做了它应该做的事情，但它让用户相信还有 id 1 个字符要输入，但文本区域的长度已达到限制。这是我的代码：

<script>
     var w_limit = 3000;
     $(document).ready(function(){
         $('#comment').keyup(function(e) {
            el = $(this);
            if(el.val().length >= w_limit){
                el.val( el.val().substr(0, w_limit) );
            } else {                    
                $("#word-count").text(w_limit-el.val().length + ' characters left');
            }
        });
     });
</script>

Answer 1

除了拼写错误之外，您还需要始终运行该$("#word-count").text(stuff);部分。这是它在没有的情况下工作else：

var w_limit = 20;
$(document).ready(function () {
    $('#comment').keyup(function (e) {
        var el = $(this),
            val = el.val();
        if (val.length >= w_limit){
            el.val( val.substr(0, w_limit) );
        }
        $("#word-count").text(w_limit - el.val().length + ' characters left');
    });
});

演示：http: //jsfiddle.net/eHstm/

（当然，w_limit出于测试目的，我使用了一个较小的数字）