编辑输入值时更改颜色

Question

我正在尝试根据输入值更改backgroundColor，但是当我从colorpicker更改颜色时它似乎不起作用，即使我可以看到输入值发生变化？

http://jsfiddle.net/AHZBT/4/

Java代码

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

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

Answer 1

使用更改事件：

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

Answer 2

模糊不清：

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

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