javascript - 如何通过代码改变控件的颜色？

Question

我正在使用 jscolor.com 提供的颜色选择器控件

我不知道这是控件的错误还是缺少此功能，但我正在尝试通过代码更新控件的颜色。例如，我使用此函数在输入文本中设置十六进制颜色:

function SetColor()
{
     var hex = "#B85CFF";
     document.getElementById('risorse-colore').value = hex;
}

输入的值已正确更改，但背景仍保留为之前的颜色，例如，如果我第一次加载页面，我会在输入上获得白色背景，在函数执行后，颜色不会更改，唯一改变的值是输入内的十六进制。我不知道我是否明白这个想法。无论如何，这是我的控制结构:

<input class="color" id="risorse-colore">

我尝试过的明智方法是 JQuery:

$('#risorse-colore').change( function() 
{
    //Some stuff?
});

但是更改事件没有被触发，而且我也不知道如何模拟颜色的变化，从而更新输入的背景。有人可以帮助我吗？

Answer 1

您需要在 jquery 中使用 style 或 css 来应用背景颜色。您可以运行该代码片段，通过在文本框中输入任何值来更新其背景颜色

function SetColor()
{
     var hex = "#B85CFF";
     document.getElementById('risorse-colore').value = hex;
  $('#risorse-colore').attr('style','background-color:'+hex);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="color" id="risorse-colore" onkeydown='SetColor()'>