Javascript 编辑输入值时更改颜色

我正在尝试根据输入值更改背景颜色，但是当我从colorpicker更改颜色时，它似乎不起作用，即使我可以看到输入值的更改

Java代码

$(function() {
    var bgColor = $('#colorpickerField1').val();   
    $('body').css("backgroundColor",'#' + bgColor);

    $('#colorpickerField1').keyup(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });
});

使用更改事件：

    $('#colorpickerField1').change(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });

使用更改事件：

    $('#colorpickerField1').change(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });

使用模糊时工作正常：

$(function() {
    var bgColor = $('#colorpickerField1').val();   
    $('body').css("backgroundColor",'#' + bgColor);

    $('#colorpickerField1').blur(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });
});

使用模糊时工作正常：

$(function() {
    var bgColor = $('#colorpickerField1').val();   
    $('body').css("backgroundColor",'#' + bgColor);

    $('#colorpickerField1').blur(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });
});

---

如果您希望实时更改背景，我从文档中提取了以下内容：

<input class="color {onImmediateChange:'updateInfo(this);'}" id="colorpickerField1" value="66ff00">

function updateInfo(color) {
    $('body').css("backgroundColor",'#' + color);
}

函数updateInfo（颜色）{
$（'body'）.css（“backgroundColor”，'#'+color）；
}

---

如果您希望实时更改背景，我从文档中提取了以下内容：

<input class="color {onImmediateChange:'updateInfo(this);'}" id="colorpickerField1" value="66ff00">

function updateInfo(color) {
    $('body').css("backgroundColor",'#' + color);
}

函数updateInfo（颜色）{
$（'body'）.css（“backgroundColor”，'#'+color）；
}

---

您正在收听的是keyup，因此背景颜色只有在您键入某个内容时才会改变。对我来说效果很好。您正在收听的是keyup，因此背景颜色只有在您键入某个内容时才会改变。对我来说效果很好。