jquery改变字体颜色

Question

如何根据 jquery 中的输入值更改字体颜色？

这是我的代码

<h3 id="quoteDiv"></h3>

 <input id="input1" type="text" onfocus="if(this.value == 'Valfri spelare') { this.value = ''; }" value="Valfri spelare"/>

 var quotes = ["(tjej1) exampletext!",];


var user1 = document.getElementById("input1").value;


//Sub in the usernames
                    var ind = Math.floor(Math.random() * quotes.length); //select random quote
                    var newquote = quotes[ind].replace("(tjej1)", user1);


var quotediv = document.getElementById("quoteDiv"); //get the div (or any other element) that you want to display the quote in
                    quotediv.innerHTML = newquote; //display your quote in the div.

如何将值的颜色从 input1 (tjej1) 更改为绿色而不是标准的 h3？我只希望值改变颜色:)

谢谢！

Answer 1

var newquote = quotes[ind].replace("(tjej1)", '<span style="color:green">'+user1+'</span>');

Answer 2

您可以通过 CSS 设置 h3 样式：

#quoteDiv{
    color: green;
}

Answer 3

jquery 键位

$('#input').keydown(function(){

   $(this).css('color','green');

});

Jquery 键位

$('#input').keyup(function(){

   $(this).css('color','green');

});

jquery 修改

$('#input').chnage(function(){

   $(this).css('color','green');

});