文本区域 - 当用户编辑文本区域中的内容时，文本颜色会发生变化

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; text-transform：capitalize }

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>

祝你好运！