javascript - 如何在编辑文本框时设置文本颜色

Question

我正在使用java，我有一个文本框，我从数据库中读取数据。例如，名称“John”会加载到文本框中。我有代码

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

但我想要做的是将加载到文本框中的单词保持黑色，并在我尝试在该文本框中输入文本时将颜色更改为蓝色。例如，文本框中加载了单词“john”...我删除单词 John 并输入 Max。最大应该是蓝色的。

希望这不会太令人困惑。有什么帮助吗？

Answer 1

您可以使用onkeypress事件

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

并定义功能

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

工作小提琴
或更好地在按键上分配一些课程

Answer 2

使用 css 进行样式设置。

#fname1:focus{color:blue}

http://jsfiddle.net/BC5RP/

Answer 3

您的后端是 Java 的事实在这里无关紧要 - 您只处理 UI。有几种方法可以解决这个问题。这个小提琴示例中的一个使用 JQuery 的 on(input)。

$('.classText').on('input', function() {
$(this).addClass('changed');
});