输入后 JavaScript 更改输入颜色

Question

我目前正在使用这个脚本，并且很乐意扩展它以更改已填充字段的颜色。你能帮忙吗？

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

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

Answer 1

只需检查该字段是否已填写模糊:

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