javascript中的实时文本颜色变化[重复]

Posted

技术标签:

【中文标题】javascript中的实时文本颜色变化[重复]【英文标题】:Live text color change in javascript [duplicate] 【发布时间】:2012-09-27 13:52:23 【问题描述】:

可能重复:Change the Color Of Certain Words In Textarea using Jquery?

我现在正在做一个小项目。我有一个文本区域,用户可以在其中输入单词。当用户键入时,如果他们使用某些单词,我需要文本更改颜色。例如,当 lucy 输入句子“The brown cow jumped over the moon”时,文本会将“brown”这个词变成棕色,但在她输入“brown”后面的空格后立即生效。我希望你理解 :P 哦,jquery 是一种选择。

【问题讨论】:

【参考方案1】:

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

【讨论】:

【参考方案2】:

如前所述,不可能在常规文本区域中实现所需的控制级别。

这里有几个关于这个问题的 *** 问题:

Textarea that can do syntax highlighting on the fly? https://***.com/questions/1505761/textarea-with-syntax-code-highlighting

您可以考虑使用 codepress 之类的东西并编辑源代码以突出显示您想要的单词。

或者,如果您想从头开始,可以使用

代替此处建议的文本区域:colorize text in textarea with jQuery

这里是一些没有 jquery span 替换的示例代码:http://jsfiddle.net/s5uaJ/

祝你好运

【讨论】:

以上是关于javascript中的实时文本颜色变化[重复]的主要内容,如果未能解决你的问题,请参考以下文章

javascript --- 实时监听输入框值的变化

swift iOS中的UINavigation状态栏颜色变化[重复]

选择JavaScript数组中的最后一个元素[重复]

s:label 中的标签焦点颜色变化

输入空时jQuery文本输入实时验证清除错误[重复]

Xcode 13 - swift OS 15 中的导航栏和状态栏文本颜色变化