Javascript 当文本框为';正在编辑

Javascript 当文本框为';正在编辑,javascript,html,css,text,Javascript,Html,Css,Text,我正在使用java,我有一个文本框,可以将数据库中的数据读入其中。例如,名称“John”会加载到文本框中。我有密码 <input class="classText" name="fName" id="fname1" type="text" value=""/><br /> 但是我想做的是,当我尝试将文本输入到文本框中时,将加载到文本框中的单词保持为黑色,并将颜色更改为蓝色。那么比如说,, “john”一词已加载到文本框中…我删除了john一词并键入Max。Max应为

我正在使用java,我有一个文本框,可以将数据库中的数据读入其中。例如,名称“John”会加载到文本框中。我有密码

<input class="classText" name="fName" id="fname1" type="text" value=""/><br />

但是我想做的是,当我尝试将文本输入到文本框中时,将加载到文本框中的单词保持为黑色,并将颜色更改为蓝色。那么比如说,, “john”一词已加载到文本框中…我删除了john一词并键入Max。Max应为蓝色


希望不要太混乱。有什么帮助吗

您可以使用
onkeypress
事件

 <input class="classText" name="fName" id="fname1" type="text" value="" onkeypress="changeColour(this)"/><br />

并定义函数

<script>
function changeColour(e)
{
  e.style.color='blue'
}
</script>

功能更改颜色(e)
{
e、 风格。颜色=‘蓝色’
}
工作
或者最好在按键时指定一些类

使用css进行样式设置。


您的后端是Java这一事实与此无关-您只处理UI。 有几种方法可以做到这一点。一个使用JQuery的on(输入)


你是说像?对我不起作用小提琴也不起作用。这不会改变任何事情unfortunately@rps:谢谢你的评论
#fname1:focus{color:blue}
$('.classText').on('input', function() {
$(this).addClass('changed');
});