鍵入時更改單詞文本不同的顏色

Question

我輸入一個文本框，提供匹配的數據，然后更改文本的顏色，然后鍵入第二次，然后更改其他顏色，然后再鍵入，然后再次更改顏色。

Answer 1

使用on()和內部事件處理程序將input事件處理程序綁定到文本字段，從而更改數組中的顏色

 var color = ['red', 'yellow', 'red', 'blue', 'brown']; var i = 0; $('#text').on('input',function() { $(this).css('color', color[i]); i = (i + 1) % color.length; }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input id="text"/> 

---

或使用Math.random()生成隨機顏色代碼

 var color = ['red', 'yellow', 'red', 'blue', 'brown']; $('#text').on('input', function() { $(this).css('color', "#" + (Math.random() * 16777215 | 0).toString(16)); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input id="text" />