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

How do I set a textbox text color when it's being edited

本文关键字：文本 置文本 颜色 编辑      更新时间：2023-09-26

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

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

但是我想做的是将加载到文本框中的单词保持黑色，并在尝试在该文本框中输入文本时将颜色更改为蓝色。举个例子，单词"john"被加载到文本框中...我删除了"约翰"这个词，然后输入"最大"，"马克斯"应该是蓝色的。

希望这不会太混乱。有什么帮助吗？

您可以使用

onkeypress事件 

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

并定义函数 

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

工作小
提琴或者最好在按键时分配一些类

使用 css 进行样式设置。

#fname1:focus{color:blue}

http://jsfiddle.net/BC5RP/

你的后端是Java的事实在这里无关紧要 - 你只处理UI。有几种方法可以做到这一点。这个小提琴示例中的那个使用JQuery的on（input）。

$('.classText').on('input', function() {
$(this).addClass('changed');
});
相关文章：