基於輸入更新背景顏色

-1

我有包含hexColor的輸入。每次這個輸入被改變，我想更新特定div上的背景顏色，到目前爲止，我已經添加了下面的JavaScript代碼，它從輸入中獲取這個值。我需要做什麼，使之跟上ID NavBar基於輸入更新背景顏色

var navBar = document.getElementById("navBarColor").value;

來源

2015-10-06 Peter Pik

最好使用顏色選擇器和更新DIV背景顏色選擇的顏色的變化。 –

[使用jQuery根據輸入字段值更新backgroundColor LIVE？]（http://stackoverflow.com/questions/7948524/updating-backgroundcolor-live-based-upon-an-input-field-value-using -jquery） –

你可以用這個DEMO做更新的DIV的背景顏色。

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

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

LIVE DEMO //通過顏色代碼

LIVE DEMO //通過顏色名稱

來源

2015-10-06 09:14:01

基於輸入更新背景顏色

回答

相關問題