编辑输入值时更改颜色

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

如果你正在寻找改变背景实时，我把这个从documenation：

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

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

http://jscolor.com/try.php#onimmediatechange

Answer 2

使用更改事件：

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

Answer 3

工作确定与模糊：

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

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