Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.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_Text_Effects - Fatal编程技术网

javascript中的实时文本颜色更改

javascript中的实时文本颜色更改,javascript,jquery,text,effects,Javascript,Jquery,Text,Effects,可能重复: 我现在正在做一个小项目。我有一个用户输入单词的文本区域。当用户输入时,如果他们使用某些单词,我需要文本更改颜色。例如,当露西正在键入“棕色的奶牛跳过了月亮”这句话时,文本会将“棕色”一词变成棕色,但在她键入“棕色”后立即生存。我希望您理解:P Oh和jquery是一个选项。这在使用textarea的当前技术中是不可能的。您可以更改textarea中所有内容的颜色,但textarea无法有选择地为某些单词设置样式,而不能为其他单词设置样式。正如前面所说,无法在常规textarea中实

可能重复:


我现在正在做一个小项目。我有一个用户输入单词的文本区域。当用户输入时,如果他们使用某些单词,我需要文本更改颜色。例如,当露西正在键入“棕色的奶牛跳过了月亮”这句话时,文本会将“棕色”一词变成棕色,但在她键入“棕色”后立即生存。我希望您理解:P Oh和jquery是一个选项。

这在使用textarea的当前技术中是不可能的。您可以更改textarea中所有内容的颜色,但textarea无法有选择地为某些单词设置样式,而不能为其他单词设置样式。

正如前面所说,无法在常规textarea中实现所需的演示控制级别

以下是关于这个问题的几个问题:

您可以考虑使用类似的方法编辑源代码以突出显示所需的单词

或者,如果您想从头开始,您可以使用文本区域,而不是此处建议的文本区域:

下面是一些没有jquery span替换的示例代码:

祝你好运