无法在jQuery中使用jsColor获取按钮的颜色

Question

我有一个按钮，它的作用类似于颜色选择器的触发器，它应该更改canvas中文本的颜色。我正在使用的库是jscolor。

<button class="color-picker-btn jscolor {valueElement:'valueElement', onFineChange:'update(this)', value:'ffffff'}"></button> 
<input id="valueElement"></input> 

JS：

function update(jscolor) { 
     console.log(jscolor); 
     canvas.getActiveObject().fill = (jscolor); 
} 

在控制台中我得到的是这样的：

jscolor {value: "ffffff", valueElement: input#valueElement, styleElement: button.color-picker-btn.jscolor.{valueElement:'valueElement',.onFineChange:'update(this)',.value:'ff…, required: true, refine: true…} 
_processParentElementsInDOM:()activeClass:"jscolor-active" 
backgroundColor 
: 
"#FFFFFF" 
borderColor 
: 
"#BBBBBB" 
borderRadius 
: 
8 
borderWidth 
: 
1 
buttonColor 
: 
"#000000" 
buttonHeight 
: 
18 
closable 
: 
false 

..和很多更行。如何获得只有颜色？

Answer 1

你的问题是，这个在这里，这是按钮：

<button class="color-picker-btn jscolor {valueElement:'valueElement', onFineChange:'update(this)', value:'ffffff'}"></button> 
<input id="valueElement"></input> 

您可以将输入的对象，像这样：

<button class="color-picker-btn jscolor {valueElement:'valueElement', onFineChange:'update(valueElement)', value:'ffffff'}"></button> 
<input id="valueElement"></input> 

，并在你的JavaScript功能，以色从对象 '值'：

function update(jscolor) { 
    console.log(jscolor.value); 
    canvas.getActiveObject().fill = (jscolor.value); 
} 

这里是的jsfiddle的代码： https://jsfiddle.net/sidanmor/g8odgju6/