Jquery 如何在文本区域中的键控上添加和删除CSS类？

我问了这个问题的早期版本，并学会了使用.css来更改类。然而，我决定使用addClass和removeClass，这将使我将要引入的后续函数更加容易

以下是代码，以及：

我只想在用户输入文本区域时添加背景色，在删除文本时删除背景色。我试图写函数的开头，但无法使其工作

如果有人知道怎么做就好了。提前谢谢

使用keyup事件

使用keyup事件

如果要写入$this，必须将事件附加到元素。看起来您需要一个密钥更新事件

如果要写入$this，必须将事件附加到元素。看起来您需要一个密钥更新事件

---

您还可以尝试使用jquery附加一个keyup事件处理程序

---

您还可以尝试使用jquery附加一个keyup事件处理程序

---

只是稍微短一点，可读性差一点

$('.textarea-class').on('keyup', function (ev) {
    $(this).toggleClass('active', !!$(this).val().trim());
});

！！-将值转换为其布尔表示形式

.toogleClassclass，状态-状态true-将添加类，状态false-删除

修剪后的空字符串将作为falsy处理，因此类将被删除

---

只是稍微短一点，可读性差一点

$('.textarea-class').on('keyup', function (ev) {
    $(this).toggleClass('active', !!$(this).val().trim());
});

！！-将值转换为其布尔表示形式

.toogleClassclass，状态-状态true-将添加类，状态false-删除

修剪后的空字符串将作为falsy处理，因此类将被删除

您可以将keyup事件绑定到textarea

$('.text-edit1').bind('keyup',function () {
    if ($.trim($(this).val()).length) {
        $(this).addClass('active-text');
    }else {
        $(this).removeClass('active-text');
    }
});

您可以将keyup事件绑定到textarea

$('.text-edit1').bind('keyup',function () {
    if ($.trim($(this).val()).length) {
        $(this).addClass('active-text');
    }else {
        $(this).removeClass('active-text');
    }
});

$('.textarea-class').on('keyup', function (ev) {
    $(this).toggleClass('active', !!$(this).val().trim());
});

$('.text-edit1').bind('keyup',function () {
    if ($.trim($(this).val()).length) {
        $(this).addClass('active-text');
    }else {
        $(this).removeClass('active-text');
    }
});