Question

我有一个想自动更改颜色的文本区域

例如：这是我的笔，我的朋友

在我输入上述文本后，关键字= pen应该变成绿色，并且匹配后，keyword = freind应该变成红色

我如何实现这一目标

代码有效，但一半有效

function changeText() 
{
        document.getElementById("text").style.color ="green";
}
</script>

我有另一个密码，但是没有用

 var str = 'Connect'; 
    var value = str.includes('Connect'); 

    if(value==str)
    {
        document.getElementById("text").style.color ="green"; 
    }
    else
    {
        document.getElementById("text").style.color ="red";
    }

Answer 1

否，您不能在文本区域或文本输入中执行此操作。任何与CSS文本相关的属性都会影响textarea / input中的整个文本，而不仅仅是一个单词。

有关更多信息，请参见：Multicolor Text Highlighting in a Textarea or Text Input

Answer 2

首先，您需要检测文本区域的更改。查看element.addEventListener()和change事件。然后检查文本区域中的文本。您有很多选择，但是最简单的选择是string.includes()。如果返回true，请调用函数以使文本变为绿色。

如果自动找到匹配项，则更改文本颜色JavaScript | HTML

2 个答案: