Javascript 当jQuery中textarea为空时，如何将字符计数重置为零

我想知道当jQuery中的textarea字段为空时，如何将字符计数重置回零。我已经能够使用下面的代码添加字符计数

$(document).ready(function() {
    $('#content').on('keyup', function(event) {
        var text = this.value.length;
        if ($(this).val() != '') {
          $('#char-count-val').text(text);
        }else {
           $('#char-count-val').text('0');
        }
   });
});

---

不确定为什么它不会重置为零（0）。我试过了，但还是不管用。请帮助

您的逻辑与键盘配合良好，但由于您使用的是基于键的事件，如果您使用鼠标与字段交互，则不会触发事件，因此计数将不正确

若要解决此问题，并由于计数更新更快而改善用户体验，请改用

input

事件：

$（'#content'）。关于（'input'，函数（事件）{
var len=this.value.length；
$（'#char count val'）。文本（len）；
});
您可以使用以下代码。我简化了一点


var lengthInput=0；//或长度输入=“”；
$（文档）.ready（函数（）{
$（'#content'）。关于（'keyup'，函数（事件）{
LengthinInput=this.value.length；
$（'#char count val'）。文本（长度输入）；
});
});





计数：0
工作完美，我喜欢它动态更新clear字符的事实。我正在尝试为字数计数实现此功能，它不会重置回0
var word\u len=this.value.match（/\S+/g）.length$（“#char count val”）.text（word_len）。。拜托@Rory McCrossan有什么问题吗？出于某种原因对我不起作用，但是@Rory McCrossan版本起作用了