編輯輸入值時更改顏色

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()); 
    }); 
});