Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文本区域-当用户编辑文本区域中的内容时,文本颜色会发生变化_Javascript_Jquery_Html_Css_Textarea - Fatal编程技术网

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

Javascript 文本区域-当用户编辑文本区域中的内容时,文本颜色会发生变化,javascript,jquery,html,css,textarea,Javascript,Jquery,Html,Css,Textarea,我在文本区域中有一些值,当用户编辑文本或添加一些新文本时…这些文本本身应该是不同颜色的..我不确定如何实现 <textarea rows="50" cols="175" name="textname"> This is a text area to show some related details regarding the project </textarea> 这会将所有文本转换为大写…有人能帮我吗?您尝试过CSS解决方案吗?比如: 文本区 { 颜色:

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

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

这会将所有文本转换为大写…有人能帮我吗?

您尝试过CSS解决方案吗?比如:

文本区 { 颜色:0faeeb; 文本转换:大写
}

您无法在文本区域中直接突出显示文本,因此必须使用CSS解决方案。请参见此处的演示

文本区{ 位置:相对位置; 背景色:透明; }


查找已更改的单词,并根据这些单词构造HTML,以便突出显示已更改或修改的文本。

您只需在您的情况下使用以下代码即可:-

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

祝你好运

使用textarea无法做到这一点,请将div与contenteditable属性一起使用。如果可以,则只能为输入中的整个文本提供颜色
 <textarea onclick="this.style.color='red';">something</textarea>