我试图根据输入值改变backgroundColor,但它似乎不工作,当我从颜色选择器改变颜色时,即使我可以看到输入值的变化?
http://jsfiddle.net/AHZBT/4/<
Java代码/strong>
$(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());
});
如果您希望实时更改背景,我从文档中提取了以下内容:
<input class="color {onImmediateChange:'updateInfo(this);'}" id="colorpickerField1" value="66ff00">
function updateInfo(color) {
$('body').css("backgroundColor",'#' + color);
}
http://jscolor.com/try.php onimmediatechange
使用blur:
效果良好$(function() {
var bgColor = $('#colorpickerField1').val();
$('body').css("backgroundColor",'#' + bgColor);
$('#colorpickerField1').blur(function() {
$('body').css("backgroundColor",'#' + $(this).val());
});
});