Как изменить цвет текста при вводе пробела в javascript

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

Я не думаю, что вы можете изменить цвет только слова в текстовое поле.

Но если вы хотите изменить цвет текста только в текстовом вводе, то метод, описанный 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; 
    } 
} 

Если вы хотите, чтобы выделить одно слово, вам нужно обернуть его в пролете и изменить свойство только для этого элемента.

И да, чтобы выделить слово сигле, вам нужно использовать абзац.

Answer 4

Вам в основном нужно делать то же самое, что и TinyMCE, и друзья создают более богатые редакторы поверх текстового поля. Вам намного лучше использовать предварительно подготовленную библиотеку, чтобы сделать это за вас. Это намного сложнее, чем просто изменение цвета, потому что вам нужно создать целый редактор под этим.