文本区域-用户在文本区域中编辑内容时，文本颜色会更改

Question

当用户编辑文本或添加一些新文本时，我在文本区域中有一些值。...这些文本本身应该使用不同的颜色..我不确定如何实现此目标。

  <textarea rows="50" cols="175" name="textname">
  This is a text area to show some related details regarding the project
  </textarea>

当我使用此Javascript将用户编辑或输入的文本更改为大写时。

 function convert() 
        {
            var str ;
            str = document.getElementById("textname").value;
            document.writeln(str.toUpperCase());
        }

这会将所有文本转换为大写...任何人都可以帮帮我..

Answer 1

您是否尝试过CSS解决方案？ 喜欢：

textarea {颜色：＃0faeeb; 文字转换：大写}

Answer 2

您无法在文本区域中直接突出显示文本，因此您必须使用CSS解决方案，请参见此处的演示http://jsfiddle.net/ricardolohmann/9Y99F/

#textarea { position: relative; background-color: transparent; }

找到已更改的单词，并根据该单词构造HTML，以便您可以突出显示已更改或修改的文本。

Answer 3

您只需在您的情况下使用此代码即可：

 <textarea onclick="this.style.color='red';">something</textarea>

祝你好运！