JavaScriptのスペースを入力すると、テキストの色を変更する方法

Question

私はスペルチェックアプリケーションを行っています。 スペースを入力した後にテキストの色を変更したいと思います。 私は間違った言葉を手に入れました。 今、私はテキストボックスでそのテキストの色を変更する方法が欲しいです。 を使用しています。

Answer 1

JavaScriptはCSSを非常に簡単に変更できます。私はあなたがテキストエリアに言葉だけの色を変更することができるとは思わない

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

Answer 2

：私の例を確認してください。

しかし、テキスト入力だけでテキストの色を変更する場合は、rea_andrewで概説されている方法で十分です。

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

Answer 3

または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; 
    } 
} 

、あなたはスパンにそれをラップし、ちょうどこの要素のプロパティを変更する必要があります。

はい、あなたは段落を使用する必要がありますsigle単語を強調表示します。

Answer 4

あなたは基本的に、TinyMCEや友人と同じ種類のことをやって、テキストエリアの上に豊かなエディタを構築する必要があります。あなたのためにこれを行うためにあらかじめ作成されたライブラリを使用する方がはるかに良いです。色を変更するだけではなく、エディタ全体を構築する必要があるため、複雑な作業になります。