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

How to change the color of the control through code?

本文关键字：颜色 控件 改变 何通过 代码      更新时间：2023-09-26

我使用的是color picker control provided by 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?
});

但是change事件没有被触发，我也不知道如何模拟颜色的变化，所以更新输入的背景。有人能帮帮我吗?

你需要在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()'>

相关文章：