如何添加类，同时开始在文本字段中输入文本

Question

朋友您好我正在尝试在将文本输入文本字段时添加类，可以告诉我正确的方法

<input type="text" name="fname">

将文字输入文本字段后

<input type="text" name="fname" class="test">

这应该添加类

Answer 1

如果您想在输入文字时捕捉事件，可以使用keyup()功能：

$("input[name='fname']").keyup(function(){
 $(this).addClass('test');
});

来源： https://api.jquery.com/keyup/

Answer 2

在用户输入文本时将类添加到文本框

在用户开始输入文字时使用按键事件添加课程：

$("input[name='fname']").keypress(function(){
 $(this).addClass('test');
}); 

使用blur事件删除类作为使用完整输入文本：

$("input[name='fname']").blur(function(){
 $(this).removeClass('test');
});