我输入一个文本框,提供匹配的数据然后更改文本的颜色,然后键入第二次然后更改其他颜色然后再次键入然后再次更改颜色。
答案 0 :(得分:3)
使用 input
将 on()
事件处理程序绑定到文本字段,并在内部事件处理程序中更改数组中的颜色
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" />