Question

我正在进行拼写检查申请。我想在输入空格后更改文字的颜色。我说错了。现在我想如何在文本框中更改该文本的颜色。使用javascript。

Answer 1

JavaScript可以非常轻松地修改CSS。请查看我的示例：

<input type="text" value="123" id="text1"/>
<script type="text/javascript">
document.getElementById("text1").style.color = "green";
</script>

Answer 2

或者使用一些像JQuery这样的库。使用JQuery，很简单。

具有

<input name="my-text" type="text" id="my-text">

抓住按键事件

$("input#my-text").keydown(function(event)
{
   switch (event.keyCode) {
      // space
      case 32: $(this).css("color","#f00"); //or set any other property
         break;
   }
}

如果你想突出显示单个单词，你需要将它包装成span并更改属性，仅用于此元素。

是的，要突出显示一个单词，你需要使用段落。

Answer 3

我认为你不能改变 textarea 中单词的颜色。

但是如果你想在文本输入中改变文本的颜色，那么rea_andrew概述的方法就足够了。做一个

document.getElementById("textboxid").style.color = "green";

Answer 4

你基本上需要做同样的事情TinyMCE和朋友们在textarea之上建立更丰富的编辑器。使用预制的库为您完成此操作会好得多。它比仅仅改变颜色要复杂得多，因为你需要在它下面构建一个完整的编辑器。

在javascript中输入空格时如何更改文本的颜色

4 个答案: