Javascript 检测Joomla颜色表单字段中的onchange

我正在开发Joomla组件，我想检测颜色表单字段中的onchange

在我的模型的xml中，我就是这样定义颜色字段的

<field name="background_color" type="color" class="control-change"
label="COM_XXX_FORM_LBL_MAP_BACKGROUND_COLOR"
description="COM_XXX_FORM_DESC_MAP_BACKGROUND_COLOR" 
default="#afdce6" 
/>

Joomla框架创建以下HTML。它使用迷你色作为颜色选择器

    <div class="control-group">
<div class="control-label"><label id="jform_background_color-lbl" for="jform_background_color" class="hasTooltip" title="" data-original-title="<strong>Background Color</strong><br />Background color">
Background Color</label></div>
<div id="background-color" class="controls"><span class="minicolors minicolors-theme-bootstrap minicolors-swatch-position-left minicolors-swatch-left minicolors-position-right"><span class="minicolors-swatch"><span style="background-color: rgb(175, 220, 230);"></span></span><input type="text" name="jform[background_color]" id="jform_background_color" value="#afdce6" placeholder="#rrggbb" class="minicolors control-change minicolors-input" data-position="right" data-control="hue" size="7" maxlength="7"><span class="minicolors-panel minicolors-slider-hue"><span class="minicolors-slider"><span class="minicolors-picker" style="top: 70.4545454545455px;"></span></span><span class="minicolors-opacity-slider"><span class="minicolors-picker"></span></span><span class="minicolors-grid" style="background-color: rgb(0, 208, 255);"><span class="minicolors-grid-inner"></span><span class="minicolors-picker" style="top: 14px; left: 36px;"><span></span></span></span></span></span>     </div>
</div> 

背景色

当我在颜色选择器中更改颜色时，输入字段的值不会更新，但颜色框的值会正确更改。我将在下面的屏幕截图中向您展示它

关于如何使用jquery获得颜色值，有什么想法吗？我需要它来更新背景颜色时，它的变化

谢谢：）

通过以下方式获取第一个：

$(".minicolors-swatch span").css("background-color");

下一个是：

$("#jform_background_color").css("background-color");

要更新上述内容，只需使用以下代码

$(".minicolors-swatch span").css("background-color", new_color);
$("#jform_background_color").css("background-color", new_color);

---

其中，

new\u color

是存储为

“blue”

（颜色）或

“f00”

（十六进制代码）的新颜色。

！[color picker][1][1]：你好，Praveen。谢谢你的快速回复。您的代码非常适合获取颜色值：）您知道如何检测js（“background color.minicolors样例span”）.css（“background color”）中的更改吗？我需要检测更新中颜色的更改realtime@alejandrodf看看：