javascript在输入后更改输入颜色答案

【问题标题】：javascript change input color after entryjavascript在输入后更改输入颜色
【发布时间】：2013-02-06 00:32:21
【问题描述】：

我目前正在使用此脚本，并希望对其进行扩展以更改已填写字段的颜色，请帮忙？谢谢

<script>
    $(document).ready(function(){
    $("input").focus(function(){
    $(this).css("background-color","#cccccc");
     });

    $("input").blur(function(){
     $(this).css("background-color","#ffffff");
     });
   });
</script>

【问题讨论】：

您需要定义“填充”的含义。听起来你只是想在你的 onblur 处理程序中有一个不同的条件，如果该字段仍然是空的，它是一种颜色，如果它是“填充”，则它是另一种颜色，这取决于你的“填充”标准是什么。

标签： javascript jquery javascript-events

【解决方案1】：

只需检查该字段是否在模糊时填写：

$("input").on('blur', function () {
    if ($(this).val()) {
        $(this).css("background-color","#0f0");
    }
    else {
        $(this).css("background-color","#fff");
    }
});

【讨论】：

【解决方案2】：

虽然这不是一个“为您编写脚本”的网站，但您提出了一个简单的问题，可以给出一个简单的答案。看看你是否能弄清楚为什么会这样，下一次，在你提出问题之前，试着从这段代码和你在网络上找到的其他代码中拼凑出答案：

$("input").change(function(){ // this just checks if there's anything in the field
    if($(this).val().length > 0)) {
        $(this).css("background-color", "green"); // input has been filled
    } else {
        $(this).css("background-color", "red"); // input has not been filled
    }
});

【讨论】：

怎么样？ $.change() 检测输入值的任何变化，无论变化来自何处。
stackoverflow.com/questions/3066406/…
我明白了。好吧，如果OP想要，他可以使用链接答案中提出的解决方案。但是，我高度怀疑$.change() 将满足他当前的需求。感谢您的意见！